Jednotky vw a vh v CSS
Jednotky vw a vh umožňujú nastaviť
veľkosť relatívne k oblasti zobrazenia okna
prehliadača. Pozrime sa na príklad.
Povedzme, že máme nejaký div:
<div></div>
Nastavme mu šírku na polovicu šírky oblasti zobrazenia a výšku na polovicu výšky oblasti zobrazenia:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Pozrime sa, čo sme dostali:
Daný je div. Nastavte mu horný odstup, rovný
30% výšky oblasti zobrazenia.
Daný je div. Nastavte mu šírku a výšku, rovnú
70% šírky oblasti zobrazenia.
