Что означает термин#
На телефоне панели браузера могут менять доступную видимую область. Поэтому блок высотой 100vh способен оказаться выше пространства, которое пользователь видит в данный момент. Для разных сценариев существуют svh, lvh и dvh: они учитывают маленькое, большое и динамическое состояния viewport.
Практический пример#
Полноэкранная заставка с height: 100vh может спрятать нижнюю кнопку под панелью браузера. В подходящем сценарии min-height: 100svh обеспечивает место с учётом видимых панелей. Выбор единицы зависит от поведения секции; динамическое изменение высоты тоже может быть нежелательным.
Как проверить#
Проверьте страницу на реальном мобильном браузере с раскрытыми и скрытыми панелями, при повороте экрана и появлении клавиатуры. Не ограничивайтесь эмуляцией одной высоты в DevTools. Для текстового блока предпочитайте минимальную высоту фиксированной, если содержание может расти: это снижает риск обрезания при увеличении шрифта.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.