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:

html<div></div>

Nastavimo mu širino na polovico širine območja pregledovanja in višino na polovico višine območja pregledovanja:

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

Poglejmo, kaj smo dobili:

Задание 1

Podan je div. Nastavite mu odmik od zgoraj, enak 30% višine območja pregledovanja.

Задание 2

Podan je div. Nastavite mu širino in višino, enako 70% širine območja pregledovanja.