HTML / CSS3 – Smartphone and Tablet Media Query

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.

http://nmsdvid.com/snippets/

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.

 


Leave a Comment

Post