VW- en VH-eenheden in CSS
De eenheden vw en vh maken het mogelijk om de
grootte in te stellen ten opzichte van het viewport van het
browservenster. Laten we een voorbeeld bekijken.
Stel dat we een div hebben:
<div></div>
Laten we de breedte instellen op de helft van de breedte van het viewport en de hoogte op de helft van de hoogte van het viewport:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Laten we kijken wat het resultaat is:
Er is een div gegeven. Stel er een bovenafstand voor in gelijk aan
30% van de hoogte van het viewport.
Er is een div gegeven. Stel de breedte en hoogte in, gelijk aan
70% van de breedte van het viewport.
