VW ir VH vienetai CSS

Vienetai vw ir vh leidžia nustatyti dydį, atsižvelgiant į naršyklės lango matymo sritį. Pažiūrėkime pavyzdžiu.

Tarkime, kad turime tam tikrą div elementą:

html<div></div>

Suteikime jam plotį, lygų pusei matymo srities pločio, ir aukštį, lygų pusei matymo srities aukščio:

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

Pažiūrėkime, ką gavome:

Задание 1

Duotas div elementas. Nustatykite viršutinį paraštę, lygią 30% matymo srities aukščio.

Задание 2

Duotas div elementas. Nustatykite jam plotį ir aukštį, lygų 70% matymo srities pločio.