HTML / CSS3 – Smartphone and Tablet Media Query
Quem trabalha com mobile facilmente se depara com a necessidade de usar diferentes condições css para determinados ecrãs, e ai com uma simples procura encontram as media query, uma pequena instrução css que permite limitar a aplicação de determinadas declarações css se os ecrãs não cumprirem as condição de tamanhos e orientações.
Fica aqui uma lista que me foi muito útil para determinar certos ecrãs e aplicar as devidas declarações css.
Nota, As media query sao apenas suportadas por browsers que sejam capazes de processar CSS3, caso necessitem de verificar se o browser tem suporte, podem usar o jQuery Mobile (http://jquerymobile.com/test/docs/api/mediahelpers.html) ou o Modernizr (http://modernizr.com/docs/#mq).
Cumps.