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

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

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