CSS'теги vw жана vh бирдиктери

vw жана vh бирдиктери браузер терезесинин көрүү аймагына салыштырмалуу өлчөмдү берүүгө мүмкүндүк берет. Келгиле, мисал аркылуу карап көрөлү.

Бизде кандайдыр бир див бар деп коёлу:

html<div></div>

Анын туурасын көрүү аймагынын туурасынын жарымына, бийиктигин көрүү аймагынын бийиктигинин жарымына кылайы:

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

Эмне чыгарып алганыбызды карап көрөлү:

Задание 1

Див берилди. Ага көрүү аймагынын бийиктигинин 30% тен болгон жогорку четки аралыкты бериңиз.

Задание 2

Див берилди. Анын туурасына жана бийиктигине көрүү аймагынын туурасынын 70% тен болгон маанини бериңиз.