px မှ rem နှင့် em သို့ ပြောင်းလဲကိရိယာ
သင့်ကိုယ်ပိုင် root နှင့် context စာလုံးအရွယ်အစားများကို အသုံးပြု၍ px၊ rem နှင့် em အကြား ပြောင်းလဲပါ — မည်သည့်အကွက်ကိုမဆို ပြင်ဆင်ပါက ကျန်နှစ်ခုသည် သင်ရိုက်ထည့်လိုက်သည်နှင့် အလိုအလျောက် အပ်ဒိတ်ဖြစ်သွားပါမည်။
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
ပြောင်းလဲမှုတိုင်းသည် သင့်ဘရောက်ဆာထဲတွင်သာ လုပ်ဆောင်ခြင်းဖြစ်သည်။ သင်ရိုက်ထည့်သမျှကို BroBroGo သို့ တင်ပို့မည်မဟုတ်ပါ။
အမေးအဖြေ
px၊ rem နှင့် em တို့၏ ကွာခြားချက်မှာ အဘယ်နည်း။
px သည် ပုံသေအလျားဖြစ်သည်။ rem ကို စာမျက်နှာ၏ root စာလုံးအရွယ်အစားနှင့် နှိုင်းယှဉ်တွက်ချက်သောကြောင့် 16px root တွင် 1rem သည် 16px နှင့် ညီမျှသည်။ em ကိုမူ ၎င်းတည်ရှိရာ အစိတ်အပိုင်း၏ စာလုံးအရွယ်အစားနှင့် နှိုင်းယှဉ်တွက်ချက်သည်။ စာလုံးအရွယ်အစားနှင့် spacing များကို rem ဖြင့် သတ်မှတ်ခြင်းက စာဖတ်သူမှ ၎င်းတို့၏ မူရင်းစာလုံးအရွယ်အစားကို ပြောင်းလဲသည့်အခါ အရာအားလုံး လိုက်လျောညီထွေ ပြောင်းလဲနိုင်စေသည်။
သီးခြား em context size အဘယ်ကြောင့် ရှိနေရသနည်း။
em သည် ၎င်း၏ကိုယ်ပိုင်အစိတ်အပိုင်း၏ စာလုံးအရွယ်အစားအပေါ် မူတည်ပြီး ၎င်းသည် အမြဲတမ်း root ဖြစ်မနေပါ။ em ကို မှန်ကန်စွာ တွက်ချက်ရန် em context ကို ထိုအစိတ်အပိုင်း၏ စာလုံးအရွယ်အစားအတိုင်း သတ်မှတ်ပါ၊ နှစ်ခုလုံး တူညီပါက root နှင့် တူညီစွာ ထားရှိပါ။
ကျွန်ုပ်၏ root စာလုံးအရွယ်အစားသည် 16px မဟုတ်ပါက မည်သို့ဖြစ်မည်နည်း။
သင့် CSS နှင့် ကိုက်ညီစေရန် root စာလုံးအရွယ်အစားအကွက်ကို ပြောင်းလဲပါက rem တန်ဖိုးအားလုံး ချက်ချင်း အပ်ဒိတ်ဖြစ်သွားပါမည်။ အောက်ဖော်ပြပါ ဇယားတိုလေးသည် ဝဘ်ဆိုက်အများစု စတင်အသုံးပြုလေ့ရှိသော အသုံးများသည့် 16px root အတွက် အသုံးဝင်သော လမ်းညွှန်တစ်ခု ဖြစ်သည်။