Unit vw dan vh dalam CSS

Unit vw dan vh memungkinkan untuk mengatur ukuran relatif terhadap area pandang jendela browser. Mari kita lihat contohnya.

Misalkan kita memiliki sebuah div:

html<div></div>

Mari kita atur lebarnya menjadi setengah lebar area pandang dan tingginya menjadi setengah tinggi area pandang:

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

Mari kita lihat hasilnya:

Задание 1

Diberikan sebuah div. Atur jarak (padding) atasnya sama dengan 30% tinggi area pandang.

Задание 2

Diberikan sebuah div. Atur lebar dan tingginya sama dengan 70% lebar area pandang.