VW, VH, VMIN, VMAX – относительно окна (вьюпорта) браузера.

Все они так или иначе работают относительно окна браузера, так называемого вьюпорта. Вьюпорт, простыми словами, это рамка, через которую мы просматриваем сайт.

Использовать для полноэкранных блоков и сложных вычислений.

VW- работает относительно ширины вьюпорта.

VH – относительно высоты вьбпорта.

VMIN – относительно наименьшего значения (VW, VN).

VMAX – относительно наибольшего значения (VW, VN).

100vw = ширине вьюпорта

100hv = высоте вьюпорта

100wmin = наименьшему из (VW, VN).

100wmax = наибольшему из (VW, VN).

Преимущества – позволяет на порядок уменьшить кол-во действий при адаптации верстке. Не ограничивает пользователя в настройках браузера. Можно привязаться к размерам вьюпорта, что позволяет строить отзывчивые свойства.

Недостатки – сложность в использовании, нужно обладать хорошими знаниями по адаптации. На мобильных устройствах при работе на всю высоту вьюпорта (100hv), требуются дополнительные дейстия js.