၎င်းတို့၏ web စာမျက်နှာကိုတည်ဆောက်တဲ့အခါမှာအများဆုံးဒီဇိုင်နာများစဉ်းစားပါပထမဦးဆုံးအရာကားအဘယ်သို့ resolution ကို များအတွက်ဒီဇိုင်းဖြစ်ပါတယ်။ အဘယ်အရာကိုဒီကယ့်ကိုမှပမာဏသည်သင့်ရဲ့ဒီဇိုင်းကိုဖြစ်သင့်တယ်ဘယ်လိုကျယ်ပြန့်ဆုံးဖြတ်ခြင်းဖြစ်ပါသည်။ စံက်ဘ်ဆိုက်ရဲ့ width အဖြစ်တော့ဘူးမျှထိုကဲ့သို့သောအရာရှိပါသည်။
အဘယ်ကြောင့်ဆုံးဖြတ်ချက်ကိုစဉ်းစားပါ
1995 ခုနှစ်တွင်စံ 640x480 resolution ကိုမော်နီတာရရှိနိုင်အကြီးမားဆုံးနှင့်အကောင်းဆုံးမော်နီတာခဲ့ကြသည်။ ဤဝက်ဘ်ဒီဇိုင်နာများကြောင့် resolution ကိုအနည်းဆုံး 14 လက်မမော်နီတာမှ 12 လက်မအပေါ် A မြင့်ဆုံးကို web browser များအတွက်ကောင်းသောကွညျ့ရှုစာမျက်နှာများကိုအောင်အာရုံစိုက်ကြောင်းဆိုလိုသညျ။
ဤသည်နေ့ရက်ကာလ, 640x480 resolution ကိုအများဆုံးက်ဘ်ဆိုက်အသွားအလာနည်းသည်ထက် 1 ရာခိုင်နှုန်းတက်စေသည်။ ပြည်သူ့ 1366x768, 1600x900 နဲ့ 5120x2880 အပါအဝင်အများကြီးပိုမိုမြင့်မားဆုံးဖြတ်ချက်တွေနဲ့အတူကွန်ပျူတာများကိုအသုံးပြုပါ။ အမြားအပွားကိစ္စများတွင်တစ်ဦး 1366x768 resolution ကို screen ကိုအကျင့်ကိုကျင့်ဘို့ဒီဇိုင်း။
ကျနော်တို့ resolution ကိုအကြောင်းအများကြီးစိတ်ပူရန်မလိုပါဘယ်မှာက်ဘ်ဆိုက်ဒီဇိုင်းများ၏သမိုင်းတစ်ဦးပွိုင့်မှာရှိပါတယ်။ လူအများစုဟာကြီးမားကျယ်ပြန့်မျက်နှာပြင်မော်နီတာရှိသည်နှင့်သူတို့ဘရောက်ဇာကိုပြတင်းပေါက်တိုးမြှင့်ကြပါဘူး။ သငျသညျမပို 1366 ထက် pixels ကိုကျယ်ပြန့်သောစာမျက်နှာဒီဇိုင်းဆုံးဖြတ်မယ်ဆိုရင်ဒါကြောင့်သင့်ရဲ့စာမျက်နှာဖြစ်ကောင်းပင်မြင့်မားဆုံးဖြတ်ချက်တွေနဲ့အတူအကြီးစားမော်နီတာအပေါ်အများဆုံး browser ကိုပြတင်းပေါက်အတွက်ဒဏ်ငွေကြည့်ရှုမည်။
Browser ကိုအကျယ်
သငျသညျစဉ်းစားပယ်သွားရခင်မှာ "အဆင်ပြေငါ 1366 pixels ကိုကျယ်ပြန့်ငါ့အစာမကျြနှာကိုလုပ်ပါလိမ့်မယ်," ဒီဇာတ်လမ်းကိုပိုပြီးလည်းမရှိ။ ဝဘ်စာမျက်နှာရဲ့ width ဆုံးဖြတ်ခြင်းသည့်အခါတစ်ဦးကမကြာခဏပြဿနာသတိမမူသင့်ရဲ့ဖောက်သည်များကသူတို့ browser များစောင့်ရှောက်ပုံကိုအကြီးကြီးပါပဲ။ အထူးသ, သူတို့ကတစ်ဦး Full-screen အရွယ်အစားမှာသူတို့ရဲ့ browser များတိုးမြှင့်ဘူးဒါမှမဟုတ်သူတို့အပြည့်အဝကိုမျက်နှာပြင်ထက်သေးငယ်သူတို့ကိုစောင့်သလဲ?
အားလုံးတစ်ဦးကုမ္ပဏီ-စံ 1024x768 resolution ကို laptop ကိုအသုံးပြုခဲ့သောသူလုပ်ဖော်ကိုင်ဖက်တစ်ဦးအလွတ်သဘောစစ်တမ်းကောက်ယူမှုမှာတော့နှစ်ခုလုံးကိုသူတို့ရဲ့ applications များ A မြင့်ဆုံးထားရှိမည်။ ကြွင်းသောအရာအမျိုးမျိုးသောအကြောင်းပြချက်များဖွင့်ကွဲပြားခြားနားသောအရွယ်ပြတင်းပေါက်ရှိခဲ့ပါတယ်။ ဒါဟာသင်အကျယ် 1024 pixels ကိုမှာဒီကုမ္ပဏီရဲ့အင်ထရာနက်ဒီဇိုင်းလျှင်, အသုံးပြုသူ 85 ရာခိုင်နှုန်းကစာမျက်နှာတစ်ခုလုံးကြည့်ဖို့အလျားလိုက် scroll ရန်ရှိသည်မယ်လို့ဖော်ပြသည်။
သငျသညျအမြင့်ဆုံးသို့မဟုတ်မကျင့်သောသူအဖောက်သည်များအတွက်အကောင့်ပြီးနောက်, browser ကိုနယ်နိမိတ်စဉ်းစားပါ။ တိုင်း web browser ကို 1024x768 ဆုံးဖြတ်ချက်တွေမှာ A မြင့်ဆုံးပြတင်းပေါက်အပေါ် 800x600 ဆုံးဖြတ်ချက်တွေနဲ့ပတ်ပတ်လည် 980 pixels ကိုအပေါ် 800 ကနေပတ်ပတ်လည် 740 pixels ကိုသို့မဟုတ်ထိုထက်နည်းရန်မရရှိနိုင်အာကာသကျုံ့သောနှစ်ဖက်အပေါ်တစ်ဦးသည်စာလိပ်ဘားနှင့်နယ်နိမိတ်ရှိပါတယ်။ ဤသည်ကို browser "chrome" ဟုခေါ်သည်ကသင့်ရဲ့ page ကိုဒီဇိုင်းများအတွက်အသုံးဝင်သောအာကာသကနေပယ်ရှားနိုင်။
Fixed သို့မဟုတ်အရည်အကျယ်စာမျက်နှာများ
အမှန်တကယ်ကိန်းဂဏန်းအကျယ်သင်သည်သင်၏က်ဘ်ဆိုက်ရဲ့ width ကိုဒီဇိုင်းတဲ့အခါမှာစဉ်းစားရန်လိုအပ်သည့်တစ်ခုတည်းသောအရာမဟုတ်ပါဘူး။ သင်တစ်ဦးရှိသည်လိမ့်မယ်ဆိုပါကဆုံးဖြတ်ဖို့လိုအပ် ပုံသေအကျယ်သို့မဟုတ်အရည် width ကို ။ တနည်းအားဖြင့်သင်တစ်ဦးသတ်သတ်မှတ်မှတ်နံပါတ် (fixed) အားတစ်ခုသို့မဟုတ်ရာခိုင်နှုန်း (အရည်) ကို width ကိုမသတ်မှတ်မှာလဲ?
Fixed Width ကို
သူတို့အသံနဲ့တူပုံသေ width ကိုစာမကျြနှာကိုအတိအကျရှိပါတယ်။ width ကိုတိကျတဲ့အရေအတွက်ကိုမှာ fixed ဖြစ်ပါတယ်နှင့် browser ကိုဘယ်လောက်ကြီးမားတဲ့သို့မဟုတ်သေးငယ်နေပါစေမပြောင်းပါဘူး။ သင်တို့သည်နောက်ကိစ္စဖြစ်ကြောင်း, သို့သော်ဤနည်းလမ်းအကောင့်သို့သင့်ရဲ့စာဖတ်သူတွေကိုယူမထားဘူးဘယ်လိုကျယ်ပြန့်သို့မဟုတ်သင့်စာဖတ်သူတွေ '' browser များကျဉ်းမြောင်းအတိအကျတူညီကြည့်ရှုရန်သင့်ဒီဇိုင်းကိုလိုအပ်တယ်ဆိုရင်ဒါဟာကောင်းသောနိုင်ပါတယ်။ သင့်ရဲ့ဒီဇိုင်းကိုထက်ကျဉ်း browser များနှင့်အတူပြည်သူ့အလျားလိုက် scroll ဖို့ရှိသည်လိမ့်မည်, နှင့်ကျယ်ပြန့် browser များနှင့်အတူလူမြင်ကွင်းပေါ်တွင်နေရာလွတ်ပမာဏရပါလိမ့်မယ်။
ပုံသေ width ကိုစာမကျြနှာကိုဖနျတီးရနျ, ရိုးရှင်းစွာသင့်စာမျက်နှာကွဲပြားမှုများ၏ width များအတွက်တိကျသော pixel နံပါတ်များကိုသုံးပါ။
အရည်အကျယ်
အရည် width ကိုစာမကျြနှာ (တစ်ခါတစ်ရံပြောင်းလွယ်ပြင်လွယ် width ကိုစာမကျြနှာကိုခေါ်) ကို browser ကိုပြတင်းပေါက်ဘယ်လောက်ကျယ်ပြန့်ပေါ် မူတည်. အကျယ်ခြားနားသည်။ ဒါဟာသင့်ရဲ့ဖောက်သည်အပေါ်ပိုပြီးအာရုံစိုက်ကြောင်းစာမကျြနှာဒီဇိုင်းခွင့်ပြုပါတယ်။ အရည်အကျယ်စာမျက်နှာများနှင့်အတူပြဿနာကိုသူတို့ဖတ်ရှုဖို့ခက်ခဲနိုင်ပါတယ်ဖြစ်ပါတယ်။ အဆိုပါ အကယ်. စကင်အရှည် စာသားတစ်လိုင်း၏ရှည် 10 မှ 12 စကားလုံးများကိုသို့မဟုတ် 4 မှ 5 စကားလုံးများကိုထက်တိုတောင်းထက်ဖြစ်ပါသည်, ဖတ်ရန်ခက်ခဲစေနိုင်ပါတယ်။ ဤသည်ကြီးမားသောသို့မဟုတ်သေးငယ်တဲ့ browser ကိုပြတင်းပေါက်တွေနဲ့စာဖတ်သူတွေဒုက္ခရှိသည်ဆိုလိုသည်။
ပြောင်းလွယ်ပြင်လွယ် width ကိုစာမကျြနှာကိုဖနျတီးရနျ, ရိုးရိုးရာခိုင်နှုန်းသို့မဟုတ်အသုံးပြုနိုင်သည် EMS သင့်စာမျက်နှာကွဲပြားမှုများ၏ width သည်။ သငျသညျကိုလည်း CSS ကို max-width ကိုအိမ်ခြံမြေနှင့်အတူကိုယ့်ကိုယ်ရင်းနှီးကျွမ်းဝင်သင့်ပါတယ်။ ဤသည်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုသင်ရာခိုင်နှုန်းအတွက် width ကိုသတ်မှတ်ထားပေမယ့်အဲဒီနောက်ကလူများကစာမဖတ်နိုင်အောင်ကြီးမားရပါဘူးဒါကြောင့်ကန့်သတ်ခွင့်ပြုထားသည်။
ထိုအခါ Winner Is: CSS ကို media query
အကောင်းဆုံးဖြေရှင်းနည်းဒီရက်ကကြည့်ရှု browser ကိုရဲ့ width မှညှိမယ့်စာမျက်နှာကိုဖန်တီးရန် CSS ကိုမီဒီယာမေးမြန်းချက်များနှင့်တုံ့ပြန်မှုဒီဇိုင်းကိုသုံးစွဲဖို့ဖြစ်ပါတယ်။ တစ်ဦးကတုံ့ပြန်မှုကို web design ကိုသင်ကျယ်ပြန့်သို့မဟုတ် 320 pixels ကိုကျယ်ပြန့် 5120 pixels ကိုမှာကြည့်ရှုခြင်းရှိမရှိအလုပ်လုပ်တယ်တဲ့ဝဘ်စာမျက်နှာကိုဖန်တီးရန်တူညီသောအကြောင်းအရာများကိုအသုံးပြုသည်။ အဆိုပါကွဲပြားခြားနားသောအရွယ်စာမကျြနှာကွဲပြားခြားနားသည်ကြည့်ရှု, ဒါပေမဲ့သူတို့အတူတူအကြောင်းအရာဆံ့။ CSS3 အတွက်မီဒီယာမေးမြန်းမှုနှင့်အတူ, တစ်ဦးချင်းစီကိုလက်ခံရရှိ device ကို၎င်း၏အရွယ်အစားနှင့်အတူစုံစမ်းမှုပြန်ပြောသဖြင့်, style sheet ကြောင်းအထူးသဖြင့်အရွယ်အစားညှိ။