CSS: media query

Dentro da linguagem de marcação CSS, Media query é o recurso utilizado para determinar o conjunto de marcadores de estilo específico para exibir um mesmo conteúdo Web em determinada medida de visualização da tela de dispositivos de exibição. O recurso Media query é muito utilizado para a construção de sítios Web responsivos, onde a cada tipo de dispositivo exibição, o conteúdo é adaptado para melhor visualização. Marcadores de exibição de elementos de página, como largura, altura, cores, estilos e tamanhos de fonte de texto, por exemplo, podem ser definidos a cada Media query, permitindo que um mesmo conteúdo seja exibido de forma peculiar a cada medida do dispositivo de acesso.

Sintaxe

Media queries consistem de um media type e podem, a partir de uma especificação CSS3, contendo uma ou mais expressões, expressa em media features, que determinam ou verdadeiro ou falso. Os resultados da query são verdadeiros se o media type especificado na media query corresponde ao tipo do documento exibido no dispositivo e todas as expressões na media query são verdadeiras.