No projeto da interface de uma página web em que se observa o princípio da responsividade, o CSS pode analisar a capacidade de um dispositivo, tal como largura e altura da janela de visualização (viewport) e a resolução. Essa técnica, que pode fornecer uma folha de estilos personalizada, adequada para ajustar visualizações a uma variedade específica de dispositivos de saída, sem mudar o conteúdo, é conhecida como
Aselectors.
Btransitions.
Cblock and inline elements.
Dbox-sizing.
Emedia queries.
Revelar gabarito e comentário▾
GabaritoE — media queries.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
CSS: Media Queries e Responsividade
Gabarito: letra E. A técnica descrita é exatamente a de media queries, recurso do CSS3 que permite aplicar estilos condicionais com base em características do dispositivo, como largura e altura da viewport, resolução, orientação, entre outros, sem alterar o conteúdo HTML. As demais alternativas são outros conceitos do CSS que não se encaixam na descrição.
A banca testa o conhecimento sobre o conceito de media queries, fundamental para o design responsivo. Vamos analisar cada alternativa.
Alternativa A — ❌ Incorreta
Selectors são padrões usados para selecionar elementos HTML aos quais aplicar estilos. Não têm relação com a detecção de capacidades do dispositivo ou com fornecimento de folhas de estilos condicionais.
Alternativa B — ❌ Incorreta
Transitions permitem animar mudanças suaves entre valores de propriedades CSS. Não envolvem análise de viewport ou resolução.
Alternativa C — ❌ Incorreta
Block and inline elements referem-se aos tipos de exibição (display) dos elementos. Embora importantes para layout, não se trata de técnica para adaptar estilos a diferentes dispositivos.
Alternativa D — ❌ Incorreta
Box-sizing define como o tamanho total de um elemento é calculado (incluindo ou não padding e border). Não é usado para consultar características do dispositivo.
Alternativa E — ✅ Correta ⟵ GABARITO
Media queries são o recurso correto. Utilizam a regra @media no CSS para aplicar estilos condicionados a expressões como (max-width: 768px), (min-resolution: 300dpi), etc. Permitem criar layouts responsivos que se adaptam a diferentes tamanhos de tela e resoluções sem alterar o conteúdo.
PEGA ESSA DICA!
Na prova, lembre-se de que media queries são a base da responsividade em CSS. Outros recursos como grid e flexbox ajudam no layout, mas a adaptação a diferentes dispositivos é feita com media queries.