За какво се използват единиците за измерване vh и vw при задаване на размери в CSS?

CSS-те единици за измерване vh и vw се използват за указване на размери спрямо размера на изгледната област (viewport) на браузъра.

• vh (височина на изгледа): Представлява 1% от височината на изгледната област.
• vw (ширина на изгледа): Представлява 1% от ширината на изгледната област.

Тяхната основна цел е създаването на адаптивен дизайн, при който размерите на елементите зависят от текущите размери на прозореца на браузъра, а не от фиксирани стойности в пиксели или размерите на родителските елементи. Това позволява лесно мащабиране на елементи като секции с цялата височина или ширина на екрана, шрифтове, изображения и други компоненти, осигурявайки удобство при гледане на устройства с различни размери на екрана.

Например:

• height: 100vh; — прави елемента с височина 100% от височината на изгледната област.
• width: 50vw; — прави елемента с ширина 50% от ширината на изгледната област.