CSS-də vw və vh vahidləri
vw və vh vahidləri brauzer pəncərəsinin
baxma sahəsinə nisbətən ölçü təyin etməyə
imkan verir. Gəlin bir nümunəyə baxaq.
Tutaq ki, bizim bir div-imiz var:
<div></div>
Gəlin ona baxma sahəsinin eninin yarısı qədər en və baxma sahəsinin hündürlüyünün yarısı qədər hündürlük təyin edək:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Gəlin nə əldə etdiyimizə baxaq:
Bir div verilib. Ona baxma sahəsinin
hündürlüyünün 30%-i qədər yuxarıdan boşluq təyin edin.
Bir div verilib. Ona baxma sahəsinin eninin
70%-i qədər en və hündürlük təyin edin.