vw և vh միավորները CSS-ում

vw և vh միավորները թույլ են տալիս սահմանել չափերը դիտման տարածքի նկատմամբ բրաուզերի պատուհանի: Եկեք նայենք օրինակով:

Ենթադրենք ունենք ինչ-որ div:

html<div></div>

Եկեք նրան տանք լայնությունը դիտման տարածքի լայնության կեսի չափով և բարձրությունը դիտման տարածքի բարձրության կեսի չափով:

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

Տեսնենք, թե ինչ ստացանք.