Vw i vh jedinice u CSS
Jedinice vw i vh omogućavaju da se
veličina postavi u odnosu na prikazanu oblast (viewport)
prozora brauzera. Pogledajmo na primeru.
Neka imamo jedan div:
<div></div>
Hajde da mu zadamo širinu od pola širine prikazane oblasti i visinu od pola visine prikazane oblasti:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Pogledajmo šta smo dobili:
Dat je div. Zadajte mu gornju marginu, jednaku
30% visine prikazane oblasti.
Dat je div. Zadajte mu širinu i visinu, jednaku
70% širine prikazane oblasti.