CSS-тегінің vw және vh бірліктері

vw және vh бірліктері браузер терезесінің көрінетін аймағына қатысты өлшемді орнатуға мумкіндік береді. Мысал арқылы қарастырайық.

Бізде белгілі бір див бар делік:

<div></div>

Оның енін көрінетін аймақ енінің жартысына, ал биіктігін көрінетін аймақ биіктігінің жартысына тең етейік:

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

Нәтижені қарапайым көрейік:

Див берілген. Оның үстіңгі шегінің мәнін көрінетін аймақ биіктігінің 30% тең етіп орнатыңыз.

Див берілген. Оның ені мен биіктігін көрінетін аймақ енінің 70% тең етіп орнатыңыз.