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:
<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:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Nézzük meg, mit kaptunk:
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.
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.
