ဘာတွေပြောင်းလဲသွားလဲ။

<meta name="viewport" content="width=device-width, initial-scale=1">မိုဘိုင်းကိရိယာများရှိ ဝဘ်ဆိုက်များ၏ ချဲ့ထွင်ခြင်းသဏ္ဌာန်ကို ပိတ်ပစ်သည့် ချို့တဲ့မှုကို သတိပြုပါ ။ ထို့အပြင်၊ ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ ကွန်တိန်နာ၏ အကျယ်ကို ပြန်လည်သတ်မှတ်ပြီး ပြိုကျခြင်းမှ ကာကွယ်ရန် navbar ကို ပြောင်းလဲလိုက်ပြီး အခြေခံအားဖြင့် ကောင်းမွန်ပါသည်။

navbars နှင့် ပတ်သက်

ကြိုပြောထားသည့်အတိုင်း၊ navbar အစိတ်အပိုင်းသည် ၎င်းကိုပြသသည့်စတိုင်များသည် အလွန်တိကျပြီး အသေးစိတ်သောကြောင့် ဤနေရာတွင် ရှုပ်ထွေးလှသည်။ ဒက်စတော့ပုံစံများ ပြသမှုကဲ့သို့ စွမ်းဆောင်ရည် သို့မဟုတ် ပြောင်လက်နေမည်မဟုတ်ကြောင်း သေချာစေရန် အစားထိုးခြင်းများ ပြုလုပ်ပါ။ navbar ကိုအသုံးပြုသည့်အခါ ဤဥပမာ၏ထိပ်တွင် သင်တည်ဆောက်ထားသကဲ့သို့ ဖြစ်နိုင်ချေရှိသော gotchas ရှိနိုင်သည်ကို သတိပြုပါ။

ဘရောက်ဆာများ၊ လှိမ့်ခြင်းနှင့် ပုံသေဒြပ်စင်များ

တုံ့ပြန်မှုမရှိသော အပြင်အဆင်များသည် ပုံသေဒြပ်စင်များအတွက် အဓိကအားနည်းချက်ကို မီးမောင်းထိုးပြသည်။ ပုံသေ navbar ကဲ့သို့သော ပုံသေသတ်မှတ်ထားသော မည်သည့်အစိတ်အပိုင်းမဆို၊ မြင်ကွင်းပို့တ်သည် စာမျက်နှာအကြောင်းအရာထက် ကျဉ်းသွားသောအခါ လှိမ့်နိုင်မည်မဟုတ်ပါ။ တစ်နည်းဆိုရသော်၊ တုံ့ပြန်မှုမဟုတ်သော container width သည် 970px နှင့် 800px ၏ viewport ကိုပေး၍ သင်သည် အကြောင်းအရာ 170px ကို ဖျောက်ထားနိုင်မည်ဖြစ်သည်။

၎င်းသည် မူရင်းဘရောက်ဆာအပြုအမူဖြစ်သောကြောင့် ၎င်းကိုဖြေရှင်းရန်နည်းလမ်းမရှိပါ။ တစ်ခုတည်းသောဖြေရှင်းချက်မှာ တုံ့ပြန်မှုပုံစံတစ်ခု သို့မဟုတ် ပုံသေမဟုတ်သောဒြပ်စင်ကိုအသုံးပြုခြင်းဖြစ်သည်။

တုံ့ပြန်မှုမရှိသော ဂရစ်စနစ်

သုံးပုံတစ်ပုံ
သုံးပုံတစ်ပုံ
သုံးပုံတစ်ပုံ