CSS-də ölçüləri göstərərkən vh və vw ölçü vahidləri nə üçün istifadə olunur?

CSS-də vh və vw ölçü vahidləri brauzerin görüntü sahəsinə nisbətən ölçüləri göstərmək üçün istifadə olunur.

• vh (görüntü sahəsinin hündürlüyü): Görüntü sahəsinin hündürlüyünün 1%-ni təmsil edir.
• vw (görüntü sahəsinin eni): Görüntü sahəsinin eninin 1%-ni təmsil edir.

Əsas məqsədi, elementlərin ölçülərinin cari brauzer pəncərəsinin ölçülərinə bağlı olduğu, piksellər və ya valideyn elementlərinin ölçülərinə bağlı olmayan adaptiv dizayn yaratmaqdır. Bu, ekran ölçüləri müxtəlif olan cihazlarda, tam ekran hündürlüyü və ya eni kimi bölmələrin, şriftlərin, şəkillərin və digər komponentlərin asanlıqla ölçülməsini təmin edir.

Məsələn:

• height: 100vh; — elementin hündürlüyünü görüntü sahəsinin 100%-i edir.
• width: 50vw; — elementin enini görüntü sahəsinin 50%-i edir.