O Analista de Sistemas deseja que o tamanho da fonte e o espaçamento de um elemento de navegação se ajustem de forma relativa ao tamanho do viewport, e não de forma fixa.
A seguinte unidade de medida CSS deve ser utilizada para que o tamanho de um elemento seja relativo ao tamanho da viewport, sendo importante para um design fluido e responsivo
Apx (Pixels).
Bem (Relativo ao tamanho da fonte do elemento pai).
Crem (Relativo ao tamanho da fonte da raiz, root).
D% (Porcentagem, relativo ao elemento pai).
Evw (Largura da viewport)
Revelar gabarito e comentário▾
GabaritoE — vw (Largura da viewport)
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”.
Unidades de medida CSS – Viewport
Gabarito: letra E. A unidade vw (viewport width) é a única entre as opções que torna o tamanho relativo à largura da viewport, essencial para design fluido e responsivo. As demais unidades são fixas ou relativas a elementos ancestrais.
A questão testa o conhecimento das unidades de medida do CSS e sua aplicação em layouts responsivos. A unidade vw equivale a 1% da largura da viewport; vh (viewport height) e vmin/vmax também são relativas ao viewport, mas a alternativa correta é vw.
Alternativa A — ❌ Incorreta
px (pixels) é uma unidade absoluta, não se ajusta ao viewport. Seu tamanho é fixo, independentemente do tamanho da tela.
Alternativa B — ❌ Incorreta
em é relativa ao tamanho da fonte do elemento pai, não ao viewport. Útil para dimensionamento proporcional dentro de um componente, mas não para responsividade global.
Alternativa C — ❌ Incorreta
rem é relativa ao tamanho da fonte da raiz (<html>), também não se baseia no viewport. Embora facilite a manutenção, não responde a mudanças de largura/altura da janela.
Alternativa D — ❌ Incorreta
% (porcentagem) é relativa ao elemento pai, não ao viewport. Pode ser usada para layouts fluidos, mas a referência não é a janela de visualização.
Alternativa E — ✅ Correta ⟵ GABARITO
vw (viewport width) equivale a 1% da largura da viewport. Exemplo: font-size: 5vw; define o tamanho da fonte como 5% da largura da janela, ajustando-se automaticamente em telas maiores ou menores. É a unidade ideal para o requisito descrito.
PEGA ESSA DICA!
Além de vw, existem vh (altura), vmin (menor valor entre vw e vh) e vmax (maior valor). Para elementos que devem escalar proporcionalmente ao viewport, prefira vw para largura, vh para altura, e vmin/vmax para dimensões que devem se adaptar ao menor/maior lado.