Questão de Tecnologia da Informação · FCC TRF4 2019 (nº 48)

Para criar sites que se adaptam bem a diferentes tamanhos de tela (o que chamamos de design responsivo), o CSS oferece unidades de medida relativas, que mudam de valor conforme o contexto.

(A) Incorreta: `px` (pixels) e `pt` (pontos) são unidades de medida absolutas, ou seja, seu valor não muda em relação ao tamanho da tela do usuário.
(B) Incorreta: `cm` (centímetros) e `pc` (picas) são unidades de medida absolutas, frequentemente usadas em contextos de impressão, e não se adaptam à largura ou altura da janela do navegador.
(C) Correta: `vw` (viewport width) e `vh` (viewport height) são as unidades que especificam medidas relativas a 1% da largura e 1% da altura da janela de visualização (o viewport) do navegador, respectivamente. Isso as torna ideais para um design responsivo.
(D) Incorreta: `em` é uma unidade relativa à tamanho da fonte do elemento pai (ou do próprio elemento, se não herdado), e `ex` é relativa à altura da letra 'x' da fonte atual. Embora sejam unidades relativas e úteis para responsividade (especialmente em tipografia), elas não são relativas a 1% da largura ou altura total do viewport. A armadilha aqui é que `em` é uma unidade relativa muito comum em design responsivo, mas não atende à descrição específica da questão sobre 1% da largura/altura do viewport.
(E) Incorreta: `em` é relativa ao tamanho da fonte, e `pt` (pontos) é uma unidade absoluta.