Pular para o conteúdo
Câmara de Medidas do CSS

/static/camara/unidade/vmin/

Menu

CSS-014 · Janela

vmin

Um por cento do lado menor da janela — o quadrado que sempre cabe.

Um vmin é 1% da dimensão menor da janela: da altura numa tela deitada, da largura numa tela de pé. É a unidade que não precisa saber a orientação do aparelho para prometer que cabe.

É a escolha certa para o que deve permanecer inteiro em qualquer rotação: um selo quadrado de 20vmin, um mostrador circular, um título de capa que nunca transborda — o elemento se pendura no lado mais apertado e deixa o outro em paz.

.selo {
  width: 20vmin;
  height: 20vmin;
}
Demonstração viva: este quadrado mede 20vmin por 20vmin — gire o aparelho e ele continua coubível.