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

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

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

<div></div>

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

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

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

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

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