Разница между единицами измерения vh и vmin в веб-дизайне заключается в том, что они представляют разные аспекты размеров окна просмотра (viewport). 12

vh (viewport height) равна 1% от высоты окна просмотра. 12 Например, если высота окна составляет 800 пикселей, то 1vh будет равен 8 пикселям. 1

vmin (viewport minimum) равна 1% от меньшего из размеров окна просмотра, будь то ширина или высота. 12 Например, если ширина окна составляет 1000 пикселей, а высота — 800 пикселей, то 1vmin будет равен 8 пикселям. 1

Таким образом, vh используется для задания элементов, которые масштабируются в зависимости от размера окна, например, для создания адаптивного текста, полноэкранных фоновых изображений или элементов, которые должны занимать фиксированный процент от окна просмотра. 1 vmin, в свою очередь, применяется, когда нужно обеспечить пропорциональность элементов на разных экранах, например, для создания квадратных или круговых элементов, которые сохраняют свои пропорции независимо от соотношения сторон экрана. 1