Некоторые преимущества использования единиц vh (viewport height) и vw (viewport width) для создания адаптивных интерфейсов:

• Адаптивность. 24 Единицы позволяют легко адаптировать элементы к различным размерам экранов без необходимости использовать медиа-запросы. 2
• Процентное соотношение. 2 Основываются на процентах, что делает их удобными для создания элементов, занимающих определённую долю области просмотра. 2
• Простота в использовании. 2 Легко понять и применять, особенно для быстрого создания отзывчивых дизайнов. 2
• Упрощение создания согласованных типографских масштабов на разных устройствах. 1 Например, можно установить размер шрифта заголовка 5vh на всех устройствах, и он всегда будет занимать 5% высоты области просмотра, независимо от размера экрана. 1
• Возможность создания элементов фиксированного позиционирования, которые остаются в пределах области просмотра, например, верхнего или нижнего колонтитула. 1

Единицы vh и vw являются частью спецификации CSS3 и хорошо поддерживаются современными браузерами. 1