Enote vw in vh v CSS
Enoti vw in vh omogočata nastavitev
velikosti glede na območje pregledovanja okna
brskalnika. Poglejmo si s primerom.
Recimo, da imamo določen div:
<div></div>
Nastavimo mu širino na polovico širine območja pregledovanja in višino na polovico višine območja pregledovanja:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Poglejmo, kaj smo dobili:
Podan je div. Nastavite mu odmik od zgoraj, enak
30% višine območja pregledovanja.
Podan je div. Nastavite mu širino in višino, enako
70% širine območja pregledovanja.
