Что такое vh

vh (viewport height) — это CSS-единица, равная 1% от высоты окна браузера (viewport). Например, 100vh займёт всю высоту экрана, а 50vh — половину.

Особенности:

• Не учитывает скролл-бар (может вызывать горизонтальный скролл).
• На мобильных устройствах 100vh может выходить за пределы видимой области из-за динамических панелей браузера.

Пример:

.full-screen {
  height: 100vh; /* Занимает всю высоту viewport */
}

Альтернативы:

• dvh (dynamic viewport height) — учитывает изменения интерфейса браузера (например, исчезновение адресной строки).
• % — зависит от родительского контейнера, а не viewport.