vw en vh eenhede in CSS
Die eenhede vw en vh laat jou toe om
grootte relatief tot die vertoonarea van die
blaaier venster te stel. Kom ons kyk na 'n voorbeeld.
Kom ons sê ons het 'n sekere div:
<div></div>
Kom ons gee dit 'n breedte gelyk aan die helfte van die vertonarea se breedte en 'n hoogte gelyk aan die helfte van die vertoonarea se hoogte:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Kom ons sien wat ons kry:
Daar is 'n div. Stel 'n boonste spasie daarvoor, gelyk aan
30% van die vertoonarea se hoogte.
Daar is 'n div. Stel 'n breedte en hoogte daarvoor, gelyk aan
70% van die vertoonarea se breedte.
