VW és VH egységek a CSS-ben

A vw és vh egységek lehetővé teszik a méret beállítását a böngészőablak nézeti területéhez viszonyítva. Nézzünk egy példát.

Tegyük fel, hogy van egy divünk:

html<div></div>

Állítsuk be a szélességét a nézeti terület szélességének felére, és a magasságát a nézeti terület magasságának felére:

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

Nézzük meg, mit kaptunk:

Задание 1

Adott egy div. Állítsa be a felső margóját úgy, hogy az egyenlő legyen a nézeti terület magasságának 30%-ával.

Задание 2

Adott egy div. Állítsa be a szélességét és magasságát úgy, hogy az egyenlő legyen a nézeti terület szélességének 70%-ával.