စာလုံးအရွယ်အစားပြောင်းလဲပစ်ရန် EMS အသုံးပြုခြင်း
သင်တစ်ဦးက Web page ကိုတည်ဆောက်နေသည့်အခါအများစုကျွမ်းကျင်ပညာရှင်များထိုကဲ့သို့သော EMS, exs, ရာခိုင်နှုန်း, ဒါမှမဟုတ် pixels ကိုအဖြစ်ဆွေမျိုးအတိုင်းအတာအားဖြင့်သင်တို့ကို font size (နှင့်တကယ်တော့, အရာအားလုံး) ဖို့အကြံပြုလိုပါတယ်။ သင်အမှန်တကယ်တစ်စုံတစ်ဦးကသင့်ရဲ့ content တွေကိုရှုမြင်အံ့သောငှါလူအပေါင်းတို့သည်ကွဲပြားခြားနားတဲ့နည်းလမ်းတွေမသိရပါဘူးလို့ဖြစ်ပါတယ်။ သငျသညျပကတိအတိုင်းအတာ (လက်မ, စင်တီမီတာ, မီလီမီတာ, မှတ်, ဒါမှမဟုတ် picas) ကိုအသုံးပြုလျှင်ထိုသို့ကွဲပြားခြားနားသော device များအတွက်စာမျက်နှာ၏ display ကိုသို့မဟုတ်ဖတ်နိုင်တဲ့အကျိုးသက်ရောက်စေပါလိမ့်မယ်။
ထိုအခါ W3C သင်အရွယ်အစားအဘို့အ EMS အသုံးပြုအကြံပြုသည်။
သို့သော်တစ်ဦး Em ဘယ်လိုကြီးလဲ?
အဆိုပါ W3C ရဲ့အဆိုအရတစ်ခု em:
"ကအသုံးပြုသည်အရာပေါ်ဒြပ်စင်၏ 'font-size' 'အိမ်ခြံမြေများ၏တွက်ချက်တန်ဖိုးညီမျှသည်။ ' 'em' 'သူကရည်ညွှန်းထားတဲ့အမှုအတွက်' 'font-size' 'property ကသူ့ဟာသူ၏တန်ဖိုးဖြစ်ပေါ်သည့်အခါအဆိုပါချွင်းချက်ဖြစ်ပါသည် မိဘဒြပ်စင်များ၏စာလုံးအရွယ်အစားဖြစ်ပါတယ်။ "
တနည်းအားဖြင့် EMS ပကတိအရွယ်အစားရှိသည်မဟုတ်ကြဘူး။ သူတို့ဟာသူတို့ရှိနေတဲ့နေရာအပေါ်အခြေခံပြီးသူတို့ရဲ့အရွယ်အစားတန်ဖိုးများအပေါ်ယူပါ။ အများဆုံးအဘို့ Web ကိုဒီဇိုင်နာများ , ဒီသူတို့တစ်တွေကို Web browser ၌နေသောဆိုလိုတယ်ဒါကြောင့် 1em အရပ်ရှည်ရှည်သောဖောင့်တစ်ခုကို browser ကိုများအတွက် default အနေနဲ့စာလုံးအရွယ်အစားအဖြစ်အတိအကျတူညီအရွယ်အစားဖြစ်ပါတယ်။
ဒါပေမယ့်က default size ကိုဘယ်လောက်အရပ်ရှည်ရှည်ဖြစ်သနည်း အဲဒီမှာဖောက်သည်သူတို့ရဲ့ browser များအတွက်မိမိတို့၏က default font size ကိုပြောင်းလဲနိုင်သည်အဖြစ်ကို 100% အခြို့ဖြစ်ရန်မလမ်းဖြစ်ပါတယ်, ဒါပေမယ့်လူအများစုသင်အများဆုံး browser များ 16px တစ်ဦးက default font ကိုအရွယ်အစားရှိသည်ယူဆနိုင်ပါတယ်ပါဘူးကတည်းက။ အချိန်ကို 1em = 16px ၏ဒါအများဆုံး။
အဆိုပါတိုင်းအဘို့အ pixels, အသုံးပြုမှု EMS အတွက်စဉ်းစားပါ
သင်က default font size ကို 16px ဖြစ်ပါသည်, သို့ဖြစ်လျှင်သင်သည်သင့် client ကိုအလွယ်တကူစာမျက်နှာအရွယ်အစားပြောင်းလဲပြီးပေမယ့်သင့်ရဲ့ဖောင့်အရွယ်အစားအဘို့အ pixels ကိုအတွက်ကိုစဉ်းစားခွင့်ပြုပါရန် EMS ကိုသုံးနိုင်သည်ကိုငါတို့သိကြ၏ပြီးတာနဲ့။
သင်တစ်ဦးဆိုက်ဖွဲ့စည်းပုံမှာဤကဲ့သို့သောအရာတစ်ခုခုရှိဆိုရမည်:
- ခေါင်းကြီး 1 - 20px
- ခေါင်းကြီး 2 - 18px
- ခေါင်းကြီး 3 - 16px
- အဓိကကစာသား - 14px
- sub စာသားကို - 12px
- အောက်ခြေမှတ်ချက်များ - 10px
သင့်အနေဖြင့်တိုင်းတာခြင်းများအတွက် pixels ကိုသုံးပြီးကြောင်းလမ်းသူတို့ကိုသတ်မှတ်နိုင်ပေမယ့်ပြီးရင် IE ကို 6 နဲ့ 7 သုံးပြီးမည်သူမဆိုကောင်းစွာသင့်စာမျက်နှာအရွယ်အစားပြင်ဆင်ရန်နိုင်တော့မည်မဟုတ်ပေ။ ဒါကြောင့်သင်က EMS ဖို့အရွယ်အစားပြောင်းလဲသင့်တယ်, ဒီရုံအချို့သင်္ချာတဲ့ကိစ္စဖြစ်ပါသည်:
- ခေါင်းကြီး 1 - 1.25em (16 x ကို 1.25 = 20)
- ခေါင်းကြီး 2 - 1.125em (16 × 1.125 = 18)
- ခေါင်းကြီး 3 - 1em (1em = 16px)
- အဓိကကစာသား - 0.875em (16 x ကို 0.875 = 14)
- sub စာသားကို - 0.75em (16 x ကို 0.75 = 12)
- အောက်ခြေမှတ်ချက်များ - 0.625em (= 10 16 x ကို 0.625)
အမှေဥစ်မေ့မထားပါနဲ့!
သို့သော် EMS ဖို့ရှိပါတယ်အားလုံးတော့မဟုတ်ပါဘူး။ သငျသညျသတိရဖို့လိုအခြားအရာကိုသူတို့မိဘ၏အရွယ်အစားပေါ်တွင်ယူသောကွောငျ့ဖွစျသညျ။ သငျသညျကွဲပြားခြားနားသောစာလုံးအရွယ်အစားနှင့်အတူဒြပ်စင်အသိုက်လျှင်ဒီတော့သင်အများကြီးသေးငယ်သို့မဟုတ်သင်မျှော်လင့်ထားထက်ပိုမိုကြီးမားနေတဲ့ဖောင့်နှင့်အတူတက်အဆုံးသတ်နိုင်ပါတယ်။
ဥပမာအားဖြင့်, သင်သည်ဤကဲ့သို့သောစတိုင်စာရွက်ရှိစေခြင်းငှါ:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
ဤသည်အသီးသီးအဓိကစာသားကိုနှင့်အောက်ခြေအဘို့အ 14px နှင့် 10px ဖြစ်ကြောင်းဖောင့်ကိုဖြစ်ပေါ်လိမ့်မယ်။ သင်တစ်ဦးအပိုဒ်အထဲမှာအောက်ခြေမှတ်ချက်ထားလျှင်မူကား, သင်မဟုတ်ဘဲ 10px ထက် 8.75px ကြောင်းစာသားကိုအတူတက်အဆုံးသတ်နိုင်ပါတယ်။ ဒါကြောင့်ကိုယ့်ကိုယ်ကိုစမ်းကြည့်ပါ, တစ်ဦးစာရွက်စာတမ်းသို့ဤအထက်ပါ CSS ကိုအောက်ပါ HTML ကိုထား:
ဒါကစာလုံးအမြင့်အတွက် 14px သို့မဟုတ် 0,875 EMS ဖြစ်ပါတယ်။
ဤသည်အပိုဒ်ကတစ်အောက်ခြေမှတ်ချက်ရှိပါတယ်။
ဒီရုံအောက်ခြေမှတ်ချက်စာပိုဒ်တစ်ခုဖြစ်ပါတယ်နေစဉ်။
အဆိုပါသမ်မာကစာသားက 8.75px မှာနီးပါးတရားမဝင်ရဲ့ 10px မှာဖတ်ရှုဖို့ခဲယဉ်းသည်။
သငျသညျ EMS အသုံးပြုနေသည့်အခါဒါ, သငျသညျမိဘတ္ထုများ၏အရွယ်အစားအလွန်သတိထားရောက်ထားရန်လိုအပ်ပါတယ်, ဒါမှမဟုတ်သင့်ရဲ့စာမျက်နှာပေါ်တွင်အချို့တကယ်ထူးဆန်းအရွယ်ဒြပ်စင်နှင့်အတူတက်အဆုံးသတ်ပါလိမ့်မယ်။