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:

html<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:

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

Gəlin nə əldə etdiyimizə baxaq:

Задание 1

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.

Задание 2

Bir div verilib. Ona baxma sahəsinin eninin 70%-i qədər en və hündürlük təyin edin.