Ocupar a tela inteira ignorando barras de navegação com CSS

17d atrás

Ion

---

0 0

A unidade de medida dvh (Dynamic Viewport Height) do #CSS, é uma unidade relativa que representa 1% da área de visualização dinâmica.

Diferente do vh, que é calculado a partir da altura fixa da tela, o dvh é calculado excluindo barras de endereço, rodapés e outros menus do browser, correspondendo apenas a área aproveitável do navegador.

Exemplo

div {
	height: 100dvh; // Ocupa 100% da tela
}