Воҳидҳои vw ва vh дар CSS

Воҳидҳои vw ва vh имкон медиҳанд, ки андоза нисбат ба майдони дидаши тирезаи браузер муайян карда шавад. Биёед дар мисол назар кунем.

Фарз мекунем, ки мо як диви муайян дорем:

<div></div>

Биёед барои он паҳноии ба нисфи паҳноӣ майдони дида баробар ва баландии ба нисфи баландӣ майдони дида баробар муайян кунем:

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

Биёед бубинем, ки чӣ ба даст овардем:

Див дода шудааст. Барои он фосилаи болоеро, ки ба 30% баландии майдони дида баробар аст, муайян кунед.

Див дода шудааст. Барои он паҳноӣ ва баландиеро, ки ба 70% паҳноии майдони дида баробар аст, муайян кунед.