svh (Small viewport height) - определяет самый минимальный размер viewport при открытой навигации в браузере.

lvh (large viewport height) - При скрытой навигации задает размеры по самому большому размеру viewport. Максимально возможная высота области просмотра, видимую пользователю.

dvh (Dynamic viewport height) - Динамический размер в зависимости оттого скрыта ли навигация или нет.

Все единицы измерения имеют хорошую браузерную поддержку (https://caniuse.com/?search=svh%2C%20lvh%2C%20dvh). Примеры можно глянуть на картинке ниже.

А вообще новых единиц дохрена и больше, можно почекать здесь (https://www.terluinwebdesign.nl/en/css/incoming-20-new-css-viewport-units-svh-lvh-dvh-svw-lvw-dvw/), я рассказал ток про самые главные и важные для меня 🤡

#css #frontend