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

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

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

html<div></div>

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

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

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

Задание 1

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

Задание 2

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