В HTML существует несколько единиц измерения на основе области просмотра, которые можно использовать для определения длины и размера. Эти единицы измерения относятся к области просмотра, которая является видимой для пользователя областью веб-страницы. Вот некоторые из наиболее часто используемых единиц измерения на основе области просмотра:
-
vw(ширина области просмотра): эта единица измерения представляет собой процент ширины области просмотра. Например, 1vw равен 1% ширины области просмотра. -
vh(высота области просмотра): эта единица измерения представляет собой процент высоты области просмотра. Подобноvw, 1vh равен 1% высоты области просмотра. -
vmin(минимум области просмотра): эта единица измерения представляет собой меньшую из значений ширины или высоты области просмотра. Это полезно, если вы хотите, чтобы элемент масштабировался в зависимости от меньшего размера области просмотра. -
vmax(максимум области просмотра): эта единица измерения представляет собой большую из ширины или высоты области просмотра. Это полезно, если вы хотите, чтобы элемент масштабировался в зависимости от большего размера области просмотра.
Эти единицы измерения на основе области просмотра особенно полезны для создания адаптивного дизайна, поскольку они позволяют задавать размеры элементов относительно размера области просмотра пользователя. Используя эти единицы, вы можете гарантировать, что ваш веб-сайт хорошо адаптируется к экранам разных размеров и устройствам.