CSSдаги vw ва vh бирликлари

vw ва vh бирликлари браузер дарчасининг кўриш соҳасига нисбатан ўлчамни белгилаш имконини беради. Келиб, мисолда кўрамиз.

Бизда бирор див бор деб фараз қилайлик:

html<div></div>

Келиб, унинг энига кўриш соҳаси энининг ярмини, баландлигига эса кўриш соҳаси баландлигининг ярмини белгилаймиз:

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

Келиб, натижани кўрамиз:

Задание 1

Див берилган. Унга кўриш соҳаси баландлигининг 30% қиёсидаги юқоридан чек белгиланг.

Задание 2

Див берилган. Унга кўриш соҳаси энининг 70% қиёсидаги эн ва баландлик белгиланг.