Isso pode parecer mais uma questão de design gráfico do que uma questão de programação, mas acho que tem muito mais mérito técnico / de programação do que o design gráfico real.
O conceito de web design "responsivo" gira em torno do uso de consultas de mídia no CSS3 para detectar o tamanho do dispositivo de visualização e ajustar as regras de CSS de acordo - essencialmente, CSS dinâmico. Isso preenche o vazio em muitos casos de implantação - móveis, em particular.
Acho que o uso de consultas de mídia está surgindo lentamente (descobri que muitas pessoas realmente não sabem disso), mas estou me perguntando se existe um motivo para a adoção lenta. É impraticável para aplicativos da web? Falta alguma coisa que possa ser uma armadilha fundamental?
Respostas:
Você tem que pular aros para fazê-lo realmente funcionar. Para um site que estou desenvolvendo, eu costumava
@media (max-width:800px)
definir uma folha de estilo para telefones e outras telas menores. Mas não estava sendo usado, por exemplo, no iPhone.Acontece que os desenvolvedores de navegadores de telefone assumem que as pessoas não levam em conta as telas pequenas, portanto mentem para o mecanismo de renderização (o iPhone afirma ter mais de 900px de largura, por exemplo), a menos que você coloque uma metatag extra para não mentir. Quando chega ao ponto de combater os implementadores de navegador, você começa a se perguntar se vale a pena o esforço.
fonte
Não posso falar por todos, mas, por experiência própria, tempo e dinheiro têm sido o fator decisivo. Meus colegas e eu estamos sempre olhando para as novidades, mas projetar e implementar layouts diferentes para dispositivos de tamanhos diferentes é um grande problema. Especialmente considerando que no meu nokia 5800 de 3 anos todos os nossos sites têm uma boa aparência que eu tenho que rolar para obter o conteúdo da barra lateral. Nós projetamos e implementamos sites para pequenas empresas e pessoas que trabalham por conta própria.
Outro motivo que pode ser válido é a veiculação de um site completamente separado para versões móveis, com seu próprio mapa do site ( http://www.google.com/support/webmasters/bin/answer.py?hl=pt_BR&answer=34648 ), é uma maneira fácil e básica de manter o site.
fonte
Se você pode garantir a recuperação confiável dos dados, tudo bem.
Mas imagine, alguém carrega uma página da web no navegador de janelas de um computador desktop. Você os força a abrir a tela cheia para ler tudo, ou acomoda o tamanho da janela reduzida e apresenta muito espaço em branco à medida que a maximiza? Você serve o CSS uma vez, no carregamento da página!
Que tal um navegador de telefone que alterne os modos paisagem / retrato à medida que você gira o telefone? E um navegador que simplesmente possui resolução muito pequena e as pessoas normalmente usam mais zoom, mas você já se adaptou à resolução relatada, muito pequena e a página fica ilegível?
Basta seguir as diretrizes padrão de criação de um CSS escalável e universal decente e deixar o navegador gerenciar a escala da página na resolução correta.
fonte