VW ja VH ühikud CSS-is
Ühikud vw ja vh võimaldavad määrata
suuruse brauseri akna vaateala suhtes.
Vaatame näidet.
Oletame, et meil on mingi div:
<div></div>
Määrame sellele laiuseks poole vaateala laiusest ja kõrguseks poole vaateala kõrgusest:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Vaatame, mis meil saab:
Antud div. Määrake sellele ülalt marginaal, mis on võrdne
30% vaateala kõrgusest.
Antud div. Määrake sellele laius ja kõrgus, mis on võrdne
70% vaateala laiusest.