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

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

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

html<div></div>

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

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

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

Задание 1

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

Задание 2

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