Единици vw и vh во CSS

Единиците vw и vh овозможуваат да се зададе големина во однос на областа за преглед на прозорецот на прелистувачот. Ајде да погледнеме на пример.

Нека имаме некој div:

<div></div>

Ајде да му зададеме ширина од половина од ширината на областа за преглед и висина од половина од висината на областа за преглед:

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

Ајде да видиме што добивме:

Даден е div. Задајте му оддалечување од врв, еднакво на 30% од висината на областа за преглед.

Даден е div. Задајте му ширина и висина, еднакви на 70% од ширината на областа за преглед.