CSSda o'lchamlarni belgilashda vh va vw o'lchov birliklari nima uchun ishlatiladi?

CSS'da vh va vw o'lcham birliklari brauzerning ko'rish maydoniga nisbatan o'lchamlarni ko'rsatish uchun ishlatiladi.

• vh (ko'rish balandligi): Ko'rish maydonining balandligining 1% ni anglatadi.
• vw (ko'rish kengligi): Ko'rish maydonining kengligining 1% ni anglatadi.

Ularning asosiy maqsadi, elementlarning o'lchamlari hozirgi brauzer oynasining o'lchamlariga bog'liq bo'lib, piksellar yoki ota elementlarning o'lchamlariga bog'liq bo'lmagan moslashuvchan dizayn yaratishdir. Bu, ekran o'lchamlari turli bo'lgan qurilmalarda, ekran to'liq balandlik yoki kenglik bo'limlarini, shriftlarni, rasmlarni va boshqa komponentlarni osongina o'lchash imkonini beradi.

Masalan:

• height: 100vh; — elementni ko'rish maydonining 100% balandligiga olib keladi.
• width: 50vw; — elementni ko'rish maydonining 50% kengligiga olib keladi.