Unit vw dan vh dalam CSS

Unit vw dan vh membolehkan kita menetapkan saiz relatif kepada kawasan paparan tetingkap pelayar. Mari kita lihat contohnya.

Katakan kita mempunyai satu div:

html<div></div>

Mari kita tetapkan lebar padanya separuh daripada lebar kawasan paparan dan tinggi separuh daripada tinggi kawasan paparan:

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

Mari kita lihat hasilnya:

Задание 1

Diberi satu div. Tetapkan jarak atas padanya, sama dengan 30% tinggi kawasan paparan.

Задание 2

Diberi satu div. Tetapkan lebar dan tinggi padanya, sama dengan 70% lebar kawasan paparan.