CSS3 Media Queries - Exemplos

Front-end

16/08/2016

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.
Joel Rodrigues

Joel Rodrigues

Curtidas 0

Melhor post

Joel Rodrigues

Joel Rodrigues

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
    }
}
GOSTEI 1

Mais Respostas

Pedro Philipe

Pedro Philipe

16/08/2016

Hum legal esse exemplo! Gostei!
GOSTEI 0
Gladstone Matos

Gladstone Matos

16/08/2016

legal
GOSTEI 0
Joao Boscol

Joao Boscol

16/08/2016

<h1>Olá</h1>
GOSTEI 0
POSTAR