Јединице vw и vh у CSS-у
Јединице vw и vh омогућавају да се димензије задају
у односу на окно прегледа (viewport) прегледача.
Погледајмо на примеру.
Рецимо да имамо неки див:
<div></div>
Хајде да му задамо ширину од пола ширине окна прегледа и висину од пола висине окна прегледа:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Да видимо шта смо добили:
Дат је див. Задајте му горњу маргину једнаку
30% висине окна прегледа.
Дат је див. Задајте му ширину и висину једнаке
70% ширине окна прегледа.
