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:
<div></div>
Mari kita atur lebarnya menjadi setengah lebar area pandang dan tingginya menjadi setengah tinggi area pandang:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Mari kita lihat hasilnya:
Diberikan sebuah div. Atur jarak (padding) atasnya sama dengan
30% tinggi area pandang.
Diberikan sebuah div. Atur lebar dan tingginya sama dengan
70% lebar area pandang.
