CSSda vw va vh birliklari

vw va vh birliklari brauzer oynasining ko'rish sohasiga nisbatan o'lchamni belgilashga imkon beradi. Keling, misol orqali ko'rib chiqaylik.

Faraz qilaylik, bizda biror div bor:

html<div></div>

Keling, unga ko'rish sohasining yarmi eni va ko'rish sohasining yarmi balandlikni belgilaymiz:

cssdiv {
  width: 50vw;
  height: 50vh;
  margin: 30px auto;
  border: 1px solid red;
}

Keling, nima natija qozondigimizni ko'rib chiqaylik:

Задание 1

Div berilgan. Unga ko'rish sohasining 30% balandligiga teng yuqori chetini belgilang.

Задание 2

Div berilgan. Unga ko'rish sohasining 70% eniga teng en va balandlikni belgilang.