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:

html<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:

cssdiv {
  width: 50vw;
  height: 50vh;
  margin: 30px auto;
  border: 1px solid red;
}

Kom ons sien wat ons kry:

Задание 1

Daar is 'n div. Stel 'n boonste spasie daarvoor, gelyk aan 30% van die vertoonarea se hoogte.

Задание 2

Daar is 'n div. Stel 'n breedte en hoogte daarvoor, gelyk aan 70% van die vertoonarea se breedte.