Responsive Mode အသုံးပြုနည်း

ရေးသားသူ –

တွင်

Responsive Mode ကို အသုံးပြုနည်း

ဗားရှင်း ၄.၀ မှစတင်၍ တည်းဖြတ်နေစဉ် ဒက်စ်တော့ပ်၊ တက်ဘလက်နှင့် မိုဘိုင်းဖုန်း မြင်ကွင်းများအကြား ပြောင်းလဲကြည့်ရှုနိုင်ပါပြီ။ ယင်းကို responsive mode ဟု ခေါ်ဆိုပါသည်။ responsive mode တွင် သင့်ဝက်ဘ်ဆိုက်သည် မျက်နှာပြင်ငယ်များတွင် မည်သို့မြင်တွေ့ရမည်ကို ပုံဖော်ပြသရန် အရွယ်အစားပိုသေးငယ်သွားမည် ဖြစ်သည်။

တည်းဖြတ်နိုင်စွမ်း အကန့်အသတ်များ

သင့်ဝက်ဘ်ဆိုက်ကို တက်ဘလက် သို့မဟုတ် မိုဘိုင်းဖုန်း မြင်ကွင်းများဖြင့် ကြည့်ရှုနေစဉ် တည်းဖြတ်နိုင်စွမ်း အကန့်အသတ်များ ရှိမည်ဖြစ်သည်။ ၎င်းတွင် အောက်ပါတို့ကို သာလျှင် ပြုလုပ်နိုင်ပါသည် –

  • စာသား တည်းဖြတ်ခြင်း
  • စာသားဖော်မတ်တူးလ်ဘားကို အသုံးပြု၍ စာသားစတိုင်များ ပြင်ဆင်ခြင်း
  • အရာဝတ္ထုများနှင့် အတန်းများ၏ ဘေးဘောင်အကွာအဝေး (margin) အချို့ ကို ချိန်ညှိခြင်း *
  • တက်ဘလက်များ သို့မဟုတ် မိုဘိုင်းဖုန်းများတွင် အတန်းများကို ဖျောက်ထားခြင်း

* PBS သည် သင်၏ အရာဝတ္ထုများနှင့် အတန်းများတွင် responsive စတိုင် အချို့ကို အလိုအလျောက် သတ်မှတ်ပေးထားသဖြင့် အချို့သော margin များကို ချိန်ညှိ၍ရမည် မဟုတ်ပါ။

သင် မပြုလုပ်နိုင်သော အရာအချို့မှာ အောက်ပါအတိုင်း ဖြစ်သည် –

  • အရာဝတ္ထုများကို ထည့်ခြင်း၊ ဖယ်ရှားခြင်း၊ ဖိဆွဲရွှေ့ပြောင်းခြင်း
  • အရာဝတ္ထု၏ ဂုဏ်သတ္တိများ (properties) ကို ကြည့်ရှုခြင်း
  • ပုံများ၊ အိုင်ကွန်များ၊ အတန်းများနှင့် အခြားအရွယ်အစား ပြောင်းလဲနိုင်သော အရာဝတ္ထုများကို အရွယ်အစား ပြောင်းလဲခြင်း

သတ်မှတ်ထားသော မျက်နှာပြင်အရွယ်အစားများအတွက် Margins များကို ချိန်ညှိခြင်း

သင့်ဝက်ဘ်ဆိုက်ကို တက်ဘလက် သို့မဟုတ် မိုဘိုင်းဖုန်း မြင်ကွင်းများဖြင့် ကြည့်ရှုနေပါက သင်ပြုလုပ်သော မည်သည့် margin ချိန်ညှိမှုမဆို လက်ရှိမြင်ကွင်းနှင့် ၎င်းထက်သေးငယ်သော မြင်ကွင်းများတွင်သာ အကျိုးသက်ရောက်မည် ဖြစ်သည်။ ၎င်းသည် ဒက်စ်တော့ပ်ဗားရှင်းအပြည့်အစုံနှင့် သီးခြားစီဖြစ်ပြီး မျက်နှာပြင်ငယ်များတွင် ပိုမိုကြည့်ကောင်းစေရန် ဒီဇိုင်းများကို ချိန်ညှိနိုင်စေမည် ဖြစ်သည်။

ပိုမိုရှင်းလင်းစေရန် နမူနာတစ်ခုကို ဖော်ပြထားပါသည်။

  1. သင်သည် သင့်ဝက်ဘ်ဆိုက်ကို တက်ဘလက်မုဒ်ဖြင့် ကြည့်ရှုပြီး ခေါင်းစဉ်တစ်ခု၏ margin များကို ချိန်ညှိပါက ထိုချိန်ညှိမှုသည် တက်ဘလက်မျက်နှာပြင်များတွင် သာလျှင် သက်ရောက်မည် ဖြစ်သည်။ ၎င်းသည် မိုဘိုင်းဖုန်းမျက်နှာပြင်များတွင်လည်း သက်ရောက်မှုရှိမည် ဖြစ်သည်။ ဒက်စ်တော့ပ်မုဒ်သို့ ပြန်သွားပါက မူလ margin ကို ပြန်လည်ရရှိမည် ဖြစ်သည်။
  2. ယခုအခါ မိုဘိုင်းဖုန်းမုဒ်သို့သွား၍ အဆိုပါ margin ကို ထပ်မံချိန်ညှိပါက ထိုချိန်ညှိမှုသည် မိုဘိုင်းဖုန်းမျက်နှာပြင်များတွင်သာ သက်ရောက်မည် ဖြစ်သည်။ ထို့နောက်တွင် ဒက်စ်တော့ပ်၊ တက်ဘလက် သို့မဟုတ် မိုဘိုင်းဖုန်းများအတွက် မတူညီသော margin တစ်ခုစီ ရှိလာမည် ဖြစ်သည်။

ဤသည်မှာ margins ချိန်ညှိမှုများအတွက်သာ သက်ဆိုင်ပြီး စာသားပြောင်းလဲမှုများ သို့မဟုတ် စာသားစတိုင် ပြောင်းလဲမှုများသည် မျက်နှာပြင်အရွယ်အစားအားလုံးတွင် သက်ရောက်မည် ဖြစ်သည်။

တက်ဘလက် သို့မဟုတ် မိုဘိုင်းဖုန်း အရွယ်အစားများတွင် အကြောင်းအရာများကို ဖျောက်ထားခြင်း

တက်ဘလက် သို့မဟုတ် မိုဘိုင်းဖုန်း မြင်ကွင်းများဖြင့် ကြည့်ရှုသည့်အခါ သင်၏ အတန်းများ ပေါ်တွင် မောက်စ်တင်လိုက်လျှင် ပေါ်လာမည့် “မျက်လုံး” တူးလ်ဘားခလုတ်အသစ်တစ်ခု ပါရှိမည် ဖြစ်သည်။ ၎င်းကို နှိပ်ခြင်းဖြင့် လက်ရှိမျက်နှာပြင်အရွယ်အစားအတွက် အတန်းကို ပြသ/ဖျောက်ထား နိုင်မည် ဖြစ်သည်။

ဖျောက်ထားသော အတန်းများသည် တည်းဖြတ်ပြီးသွားသည့်အခါ ဖျောက်ထားမည်ဖြစ်ကြောင်း ညွှန်ပြရန်အတွက် တည်းဖြတ်နေစဉ် အနည်းငယ်ကြည်လင် (transparent) သွားမည် ဖြစ်သည်။

ဤလုပ်ဆောင်ချက်ကို အတန်းများအတွက်သာ ရရှိနိုင်ကြောင်း သတိပြုပါ။