vw և vh միավորները CSS-ում
vw և vh միավորները թույլ են տալիս սահմանել
չափերը դիտման տարածքի նկատմամբ
բրաուզերի պատուհանի: Եկեք նայենք օրինակով:
Ենթադրենք ունենք ինչ-որ div:
<div></div>
Եկեք նրան տանք լայնությունը դիտման տարածքի լայնության կեսի չափով և բարձրությունը դիտման տարածքի բարձրության կեսի չափով:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Տեսնենք, թե ինչ ստացանք.
Տրված է div: Տվեք նրան վերևից բացատ, որը հավասար է
30% դիտման տարածքի բարձրության:
Տրված է div: Տվեք նրան լայնություն և բարձրություն, որոնք հավասար են
70% դիտման տարածքի լայնության: