VW ir VH vienetai CSS
Vienetai vw ir vh leidžia nustatyti
dydį, atsižvelgiant į naršyklės lango
matymo sritį. Pažiūrėkime pavyzdžiu.
Tarkime, kad turime tam tikrą div elementą:
<div></div>
Suteikime jam plotį, lygų pusei matymo srities pločio, ir aukštį, lygų pusei matymo srities aukščio:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Pažiūrėkime, ką gavome:
Duotas div elementas. Nustatykite viršutinį paraštę, lygią
30% matymo srities aukščio.
Duotas div elementas. Nustatykite jam plotį ir aukštį, lygų
70% matymo srities pločio.
