Vipimo vw na vh kwenye CSS
Vipimo vw na vh huruhusu kuweka
ukubwa kuhusiana na eneo la kutazama la dirisha
kivinjari. Hebu tuangalie kwa mfano.
Tuchukulie tuna div fulani:
<div></div>
Hebu tuweke upana wake uwe nusu ya upana wa eneo la kutazama na urefu uwe nusu ya urefu wa eneo la kutazama:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Hebu tuone tulichopata:
Imetolewa div. Wekea pengo la juu linalofanana na
30% ya urefu wa eneo la kutazama.
Imetolewa div. Wekea upana na urefu unaofanana na
70% ya upana wa eneo la kutazama.
