svh · lvh · dvh
As três alturas do celular: com barra, sem barra e a que acompanha o gesto.
No celular, a janela muda de tamanho conforme a barra de endereço aparece e se recolhe — e a norma parou de fingir que não. svh mede a janela pequena (barras à vista), lvh a grande (barras recolhidas) e dvh a dinâmica, que acompanha o gesto em tempo real.
O velho 100vh costuma valer a janela grande, e por isso o rodapé de tantas telas “cheias” dormia atrás da barra. 100svh promete caber sempre; 100dvh promete acompanhar; lvh diz o teto. Cada uma tem as primas svw, lvw e dvw no outro eixo.
svh
lvh
dvh
.tela-cheia {
min-height: 100dvh;
}