CSS တွင် vw နှင့် vh ယူနစ်များ

vw နှင့် vh ယူနစ်များသည် ဘရောက်ဇာ၏ ကြည့်ရှုသည့်ဧရိယာအပေါ်အခြေခံ၍ အရွယ်အစားသတ်မှတ်နိုင်စေပါသည်။ ဥပမာတစ်ခုကြည့်ကြပါစို့။

ကျွန်ုပ်တို့တွင် div တစ်ခုရှိသည်ဆိုပါစို့။

<div></div>

၎င်း၏အကျယ်ကို ကြည့်ရှုသည့်ဧရိယာအကျယ်၏ တစ်ဝက်နှင့် အမြင့်ကို ကြည့်ရှုသည့်ဧရိယာအမြင့်၏ တစ်ဝက်အဖြစ် သတ်မှတ်ကြပါစို့။

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

ရလဒ်ကို ကြည့်ကြပါစို့။

div တစ်ခုပေးထားသည်။ ၎င်းအတွက် ကြည့်ရှုသည့်ဧရိယာအမြင့်၏ 30% နှင့် ညီမျှသော အပေါ်ဘက် အကွာအဝေး (margin-top) ကို သတ်မှတ်ပေးပါ။

div တစ်ခုပေးထားသည်။ ၎င်း၏ အကျယ်နှင့် အမြင့်ကို ကြည့်ရှုသည့်ဧရိယာအကျယ်၏ 70% နှင့် ညီအောင် သတ်မှတ်ပေးပါ။