Fórum CSS3 Media Queries - Exemplos #560310
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
Gostei + 1
Mais Posts
29/09/2016
Pedro Philipe
Hum legal esse exemplo! Gostei!
Responder
Gostei + 0
30/09/2016
Gladstone Matos
legal
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)