Mudanças entre as edições de "CSS: media query"
(→Sintaxe) |
(→Sintaxe) |
||
| Linha 3: | Linha 3: | ||
==Sintaxe== | ==Sintaxe== | ||
| − | ''Media queries'' consistem em | + | ''Media queries'' consistem em formas de ''media type'' e podem, |
| − | Os resultados | + | a partir de uma especificação CSS3, |
| + | |||
| + | contendo uma ou mais expressões que determinam ser verdadeiro ou falso. | ||
| + | |||
| + | expressa em ''media features'', | ||
| + | |||
| + | Os resultados de uma ''query'' são verdadeiros se o tipo de ''media type'' especificado na ''media query'' corresponde ao tipo do documento exibido no dispositivo e todas as expressões contidas na ''media query'' são verdadeiras. | ||
Edição das 21h05min de 8 de dezembro de 2021
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 de exibição, o conteúdo seja adaptado para melhor visualização do usuário. Marcadores de exibição de elementos de página, como largura, altura, cores, estilos e tamanho de fontes de texto, por exemplo, podem ser definidos a cada Media query definida na folha de estilo do projeto, permitindo que um mesmo conteúdo seja exibido de forma peculiar a cada dispositivo utilizado.
Sintaxe
Media queries consistem em formas de media type e podem,
a partir de uma especificação CSS3,
contendo uma ou mais expressões que determinam ser verdadeiro ou falso.
expressa em media features,
Os resultados de uma query são verdadeiros se o tipo de media type especificado na media query corresponde ao tipo do documento exibido no dispositivo e todas as expressões contidas na media query são verdadeiras.
