FC ConcursosFC Concursos

Questão FC373511

No CSS3 podem ser usadas diversas unidades de medida para definir o tamanho pelo qual os elementos são renderizados na página web quando aberta na janela do navegador. Algumas dess

Desenvolvimento Web

FCC · 2019

No CSS3 podem ser usadas diversas unidades de medida para definir o tamanho pelo qual os elementos são renderizados na página web quando aberta na janela do navegador. Algumas dessas unidades de medida são relativas e adequam o tamanho do elemento proporcionalmente ao tamanho da janela. Duas dessas unidades de medida são descritas abaixo, em inglês.


I. Relative to 1% of the width of the viewport (the browser window size).
II. Relative to 1% of the height of the viewport (the browser window size).


I e II referem-se, respectivamente, às unidades de medida

  1. pw e ph.
  2. ex e ey.
  3. vx e vy.
  4. pc e pt.
  5. vw e vh.
Mostrar resposta e comentário

Gabarito

Errado

Comentário do professor

I e II referem‑se, respectivamente, às unidades vw e vh.

vw (viewport width) mede uma fração da largura da janela de visualização; vh (viewport height) mede uma fração da altura da janela.

Formalmente, \(1\ \text{vw} = 1\%\) da largura do viewport e \(1\ \text{vh} = 1\%\) da altura do viewport.

Exemplos práticos: definir width: 50vw; resulta em metade da largura da janela; height: 100vh; ocupa toda a altura disponível. Essas unidades tornam elementos responsivos ao redimensionamento da janela, sendo úteis para layouts fluidos e seções em tela cheia.

Observação: em alguns navegadores móveis a barra de endereço pode alterar o cálculo do viewport, afetando temporariamente valores em vh.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo