Новые единицы измерения svh, lvh и dvh в CSS решают проблему адаптивной вёрстки: 12

1. svh (Small Viewport Height) — представляет 1% наименьшей возможной высоты области просмотра, учитывая сценарии, когда пользовательский интерфейс браузера занимает значительную часть экрана. 1 Например, с помощью svh модальное окно остаётся удобным в использовании, даже когда наэкранная клавиатура уменьшает высоту области просмотра. 1
2. lvh (Large Viewport Height) — представляет 1% наибольшей возможной высоты области просмотра, игнорируя динамические изменения пользовательского интерфейса (например, уменьшение адресной строки). 1
3. dvh (Dynamic Viewport Height) — динамически адаптируется к изменениям в области просмотра, таким как появление или исчезновение элементов пользовательского интерфейса браузера. 1 Он представляет 1% текущей высоты области просмотра, обеспечивая адаптацию макета в реальном времени. 1