rem ယူနစ်

ဆက်စပ်တိုင်းတာမှုယူနစ် rem သည် မူရင်း element <html> ၏ စာလုံးအရွယ်အစားပေါ် မူတည်၍ element တစ်ခု၏ စာလုံးအရွယ်အစားကို သတ်မှတ်ပေးပါသည်။ ဥပမာအားဖြင့်၊ 2rem ညီမျှသော စာလုံးအရွယ်အစားသည် ၎င်းသည် မူရင်း element ထက် အဆနှစ်ဆကြီးကြောင်း ဆိုလိုပါသည်။

ဥပမာ

ခေါင်းစဉ်စာသား၏ စာလုံးအရွယ်အစားကို မူရင်း element ၏ စာလုံးအရွယ်အစားထက် တစ်ဆကိုးဆယ်အဆကြီးအောင် သတ်မှတ်ပါစို့၊ စာပိုဒ်အတွက်မူ 1rem ဖြစ်ပါစေ။

<h1>စာသား ၁</h1>
<p>စာသား ၂</p>

body{
	font-size: 14px;
}
h1 {
	font-size: 1.5rem;
}
p {
	font-size: 1em;
}

ဒါလည်းကြည့်ပါ

ယူနစ် px,
အရာသည် ပမာဏကို ပစ်ဆယ်များဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် fr,
အရာသည် ပမာဏကို fr ဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် em,
အရာသည် ပမာဏကို em ဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် %,
အရာသည် ပမာဏကို ရာခိုင်နှုန်းများဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် vw,
အရာသည် ပမာဏကို vw ဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် vh,
အရာသည် ပမာဏကို vh ဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် vmax,
အရာသည် ပမာဏကို vmax ဖြင့် သတ်မှတ်ပေးသည်
ယူနစ် vmin,
အရာသည် ပမာဏကို vmin ဖြင့် သတ်မှတ်ပေးသည်