No meio do boom de possibilidades e novos recursos trazidos pelo CSS3 temos as Media Queries. E do meu ponto de vista esse novo recurso vem numa velha roupagem, trazendo junto algo que parece persistir no mundo do desenvolvimento para web.O que sao as media queries?No CSS 2, havia a possibilidade de definir folhas de estilo diferentes para meios diferentes. O exemplo classico e usar duas folhas distintas, uma para leitura na tela com fontes sans-serif, e uma para impressao com fontes serif, melhorando a legibilidade do conteudo segundo onde ele for usado. O CSS 2 define alguns tipos de media, a saber:allbrailleembossedtvttyhandheldscreenprintprojectionspeech/auralCom as media queries do CSS3 essas possibilidades foram estendidas para propriedades dos meios. Por exemplo, largura ou altura da tela (ou da folha), quantidade de cores, resolucao, etc. Isso e media query.Por que o estardalhaco com isso?Resumidamente: por causa da expansao da internet 3G e nos dispositivos moveis capazes de navegar na internet.Com as medias queries e possivel detectar larguras, alturas, orientacao da tela, etc, e com isso formatar o conteudo de acordo, deixando um aspecto muito mais agradavel e legivel para as paginas. Seja num smarthphone, seja numa TV full HD de 30+ polegadas, seja numa folha A4, seja num outdoor.Assim, agora as folhas de estilo poderao se adaptar aos dispositivos e meios onde serao mostradas, tudo sem nenhuma linha de script ou programacao adicional, apenas com marcacao HTML/XML e CSS.Se essas media queries sao um recurso tao legal, qual o problema?O problema disso e a carga de trabalho para criacao e manutencao, alem da postura de alguns sites e entusiastas que proclamam esta solucao como definitiva. Rotular algo como definitivo e um tiro no pe, e isso e duplamente verdade no mundo da tecnologia. Nada e definitivo porque ninguem pode prever o mercado dentro de 5 ou 10 anos.Mas falando sobre o lado ruim do operacional, da hora do vamos ver, o problema e que as media queries podem adicionar trabalho de forma desnecessaria e ineficiente. Explico. Ou voce vai aumentar muito o tamanho dos arquivos CSS, ou vai criar algumas dezenas.Como se fazia antes?E engracado notar que sites para dispositivos moveis existem a mais de 10 anos. Claro que a quantidade de sites aumentou muito com o aumento da participacao do mercado na internet destes dispositivos, e com a evolucao das tecnologias. O que antes era raro, agora e tendencia. Antes era WAP, agora e HTML e CSS mesmo, so que mais enxuto.Como mencionei antes, o CSS 2 ja previa o uso de arquivos CSS diferentes, baseados em midias e dispositivos diferentes. Uma das abordagens adotadas era - e ainda e - deixar um redirecionamento para um dominio especifico ou uma folha de estilo especifica quando acontecer do dispositivo se enquadrar na media handheld.Para se ter uma ideia, o Yahoo!, o Youtube, o A List Apart, o McDonald's e o Walmart adotam esta solucao ainda hoje.Eles tem as tags<!-- este faz o redirecionamento para um dominio separado --><link rel="alternate" href="http://m.domain.com" media="handheld" />ou<!-- este aponta para uma folha de estilo separada --><link rel="stylesheet" type="text/css" href="mobileStyle.css" media="handheld" />Abordagens