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:
<div></div>
Mari kita tetapkan lebar padanya separuh daripada lebar kawasan paparan dan tinggi separuh daripada tinggi kawasan paparan:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Mari kita lihat hasilnya:
Diberi satu div. Tetapkan jarak atas padanya, sama dengan
30% tinggi kawasan paparan.
Diberi satu div. Tetapkan lebar dan tinggi padanya, sama dengan
70% lebar kawasan paparan.
