CSSдаги vw ва vh бирликлари
vw ва vh бирликлари
браузер дарчасининг кўриш соҳасига нисбатан
ўлчамни белгилаш имконини беради. Келиб, мисолда кўрамиз.
Бизда бирор див бор деб фараз қилайлик:
<div></div>
Келиб, унинг энига кўриш соҳаси энининг ярмини, баландлигига эса кўриш соҳаси баландлигининг ярмини белгилаймиз:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Келиб, натижани кўрамиз:
Див берилган. Унга кўриш соҳаси баландлигининг
30% қиёсидаги юқоридан чек белгиланг.
Див берилган. Унга кўриш соҳаси энининг
70% қиёсидаги эн ва баландлик белгиланг.
