CSS3 Media Queries - Exemplos
16/08/2016
0
Olá, pessoal.
Neste artigo do guia de referência sobre CSS3 falei um pouco sobre o recurso de media queries, que serve para aplicar estilos diferentes dependendo das características da mídia: CSS3: Media Queries.
Por exemplo, podemos variar de acordo com a largura e altura da tela, tipo de mídia, etc.
Abri esse tópico para que possamos compartilhar dicas, exemplos e experiências de uso das media queries. =)
Abraço.
Neste artigo do guia de referência sobre CSS3 falei um pouco sobre o recurso de media queries, que serve para aplicar estilos diferentes dependendo das características da mídia: CSS3: Media Queries.
Por exemplo, podemos variar de acordo com a largura e altura da tela, tipo de mídia, etc.
Abri esse tópico para que possamos compartilhar dicas, exemplos e experiências de uso das media queries. =)
Abraço.
Joel Rodrigues
Curtir tópico
+ 0
Responder
Post mais votado
16/08/2016
Criei um breve exemplo aqui para tabelas com muitas colunas. Nesse caso, quando a página for visualizada em uma tela com menos de 480px de largura, eu deixo visível apenas a primeira coluna da tabela:
@media screen and (max-width:480){ table th:nth-child(n+2), table td:nth-child(n+2) { display:none } }
Joel Rodrigues
Responder
Mais Posts
Clique aqui para fazer login e interagir na Comunidade :)