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:

html<div></div>

Määrame sellele laiuseks poole vaateala laiusest ja kõrguseks poole vaateala kõrgusest:

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

Vaatame, mis meil saab:

Задание 1

Antud div. Määrake sellele ülalt marginaal, mis on võrdne 30% vaateala kõrgusest.

Задание 2

Antud div. Määrake sellele laius ja kõrgus, mis on võrdne 70% vaateala laiusest.