ဘရောက်ဆာများနှင့် စက်များ
Bootstrap မှ ပံ့ပိုးပေးထားသည့် ခေတ်မီသည့်အထိ ခေတ်မီသည့်အထိ၊ တစ်ခုစီအတွက် သိထားသည့် ထူးဆန်းသော ကွက်များနှင့် ချွတ်ယွင်းချက်များ အပါအဝင် ဘရောက်ဆာများနှင့် စက်ပစ္စည်းများအကြောင်း လေ့လာပါ။
ပံ့ပိုးထားသောဘရောက်ဆာများ
Bootstrap သည် အဓိက ဘရောက်ဆာများနှင့် ပလက်ဖောင်းများအားလုံး၏ နောက်ဆုံးထွက်၊ တည်ငြိမ်သော ဖြန့်ချိမှုများကို ပံ့ပိုးပေးပါသည်။
WebKit၊ Blink၊ သို့မဟုတ် Gecko ၏ နောက်ဆုံးဗားရှင်းကို အသုံးပြုသည့် အခြားဘရောက်ဆာများကို တိုက်ရိုက် သို့မဟုတ် ပလပ်ဖောင်း၏ ဝဘ်မြင်ကွင်း API မှတဆင့်ဖြစ်စေ ပြတ်သားစွာ ပံ့ပိုးမထားပါ။ သို့သော်၊ Bootstrap (အများစုတွင်) ဤဘရောက်ဆာများတွင်လည်း မှန်မှန်ကန်ကန်ပြသပြီး လုပ်ဆောင်နိုင်ရပါမည်။ ပိုမိုတိကျသော ပံ့ပိုးကူညီမှုအချက်အလက်များကို အောက်တွင်ဖော်ပြထားသည်။
ကျွန်ုပ်တို့၏ ပံ့ပိုးပေးထားသော ဘရောက်ဆာများ၏ အကွာအဝေးနှင့် ၎င်းတို့၏ ဗားရှင်းများကို ကျွန်ုပ်တို့၏ တွင် ရှာတွေ့နိုင် သည်.browserslistrc file
-
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
ဤဘရောက်ဆာဗားရှင်းများကိုစီမံခန့်ခွဲရန် Browserslist ကို အသုံးပြုသည့် CSS ရှေ့ဆက်များမှတစ်ဆင့် ရည်ရွယ်ထားသောဘရောက်ဆာပံ့ပိုးမှုကို ကိုင်တွယ်ရန် Autoprefixer ကို အသုံးပြု ပါသည်။ ဤကိရိယာများကို သင့်ပရောဂျက်များတွင် မည်သို့ပေါင်းစည်းရမည်ကို ၎င်းတို့၏စာရွက်စာတမ်းများကို တိုင်ပင်ပါ။
မိုဘိုင်းကိရိယာများ
ယေဘုယျအားဖြင့်ပြောရလျှင်၊ Bootstrap သည် အဓိကပလပ်ဖောင်းတစ်ခုစီ၏ မူရင်းဘရောက်ဆာများ၏ နောက်ဆုံးဗားရှင်းများကို ပံ့ပိုးပေးသည်။ ပရောက်စီဘရောက်ဆာများ (ဥပမာ Opera Mini၊ Opera Mobile ၏ Turbo မုဒ်၊ UC Browser Mini၊ Amazon Silk) ကို ပံ့ပိုးမထားကြောင်း သတိပြုပါ။
ရုန်းတယ်။ | Firefox | ဆာဖာရီ | Android ဘရောက်ဆာနှင့် WebView | |
---|---|---|---|---|
Android ပါ။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | — | v6.0+ |
iOS ပါ။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | — |
ဒက်စ်တော့ဘရောက်ဆာများ
အလားတူ၊ ဒက်စတော့ဘရောက်ဆာအများစု၏ နောက်ဆုံးဗားရှင်းများကို ပံ့ပိုးထားသည်။
ရုန်းတယ်။ | Firefox | Microsoft Edge | အော်ပရာ | ဆာဖာရီ | |
---|---|---|---|---|---|
မက် | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ |
ပြတင်းပေါက် | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | ထောက်ပံ့သည်။ | — |
Firefox အတွက်၊ နောက်ဆုံးထွက် ပုံမှန်တည်ငြိမ်သော ထုတ်ဝေမှုအပြင်၊ Firefox ၏ နောက်ဆုံးထွက် ပံ့ပိုးကူညီမှု ဖြန့်ချိမှု (ESR) ဗားရှင်းကိုလည်း ကျွန်ုပ်တို့ ပံ့ပိုး ပေးပါသည်။
တရားဝင်မဟုတ်သောအားဖြင့်၊ Bootstrap သည် Linux အတွက် Chromium နှင့် Chrome နှင့် Linux အတွက် Firefox အတွက် လုံလောက်စွာ ကြည့်ရှုပြီး ပြုမူသင့်သည်။
Internet Explorer
Internet Explorer ကို မပံ့ပိုးပါ။ Internet Explorer ပံ့ပိုးမှု လိုအပ်ပါက၊ Bootstrap v4 ကို အသုံးပြုပါ။
မိုဘိုင်းပေါ်ရှိ မော်ဒယ်များနှင့် ကွက်လပ်များ
လျှံတက်လာပြီး လှိမ့်လိုက်
overflow: hidden;
ဒြပ်စင်ပေါ် ရှိ ပံ့ပိုး <body>
မှုသည် iOS နှင့် Android တို့တွင် အတော်လေး အကန့်အသတ်ရှိသည်။ ယင်းအတွက်၊ သင်သည် အဆိုပါကိရိယာများ၏ဘရောက်ဆာများထဲမှ modal တစ်ခု၏ အပေါ် သို့မဟုတ် အောက်ကို ဖြတ်ကျော်သည့်အခါ <body>
အကြောင်းအရာသည် စတင်လှိမ့်မည်ဖြစ်သည်။ Chrome bug #175502 (Chrome v40 တွင် ပြင်ဆင်ထားသည်) နှင့် WebKit bug #153852 ကိုကြည့်ပါ ။
iOS စာသားအကွက်များနှင့် လှိမ့်ခြင်း။
<input>
iOS 9.2 တွင် modal တစ်ခုကို ဖွင့်ထားစဉ်တွင်၊ scroll gesture တစ်ခု၏ ကနဦးထိတွေ့မှုသည် textual သို့မဟုတ် a ၏ နယ်နိမိတ်အတွင်းတွင် ရှိနေပါက <textarea>
၊ <body>
modal အောက်ရှိ အကြောင်းအရာသည် modal ကိုယ်တိုင်အစား လှိမ့်မည်ဖြစ်သည်။ WebKit bug #153856 ကိုကြည့်ပါ ။
Navbar Dropdowns
z-indexing ၏ .dropdown-backdrop
ရှုပ်ထွေးမှုကြောင့် nav တွင်ဒြပ်စင်ကို iOS တွင်အသုံးမပြုပါ။ ထို့ကြောင့်၊ navbars တွင် dropdowns များကိုပိတ်ရန်၊ သင်သည် dropdown element (သို့မဟုတ် iOS တွင် click event ကိုဖွင့်မည့်အခြားဒြပ်စင် ) ကိုတိုက်ရိုက်နှိပ်ရပါမည် ။
ဘရောင်ဇာချဲ့ခြင်း။
စာမျက်နှာကို ဇူးမ်ဆွဲခြင်းသည် Bootstrap နှင့် အခြားဝဘ်၏ အခြားအစိတ်အပိုင်းများတွင် အချို့သော အစိတ်အပိုင်းများတွင် သရုပ်ဖော်ခြင်းကို မလွှဲမရှောင်သာ တင်ဆက်သည်။ ပြဿနာပေါ် မူတည်၍ ကျွန်ုပ်တို့က ၎င်းကို ပြင်နိုင်သည် (လိုအပ်ပါက ပြဿနာကို ဦးစွာရှာဖွေပြီးနောက် ဖွင့်ပါ)။ သို့သော်၊ ၎င်းတို့သည် ဟက်ကာဖြေရှင်းနည်းများမှလွဲ၍ တိုက်ရိုက်ဖြေရှင်းချက်မရှိသောကြောင့် ၎င်းတို့ကို လျစ်လျူရှုလေ့ရှိသည်။
အတည်ပြုသူများ
ဟောင်းပြီး ဘာဂီဘရောက်ဆာများအတွက် အကောင်းဆုံးဖြစ်နိုင်ချေရှိသော အတွေ့အကြုံကို ပေးစွမ်းရန်အတွက်၊ Bootstrap သည် ဘရောက်ဆာများအတွင်းရှိ bug များကို ၎င်းတို့ကိုယ်တိုင်လုပ်ဆောင်ရန်အတွက် အချို့သောဘရောက်ဆာဗားရှင်းများသို့ အထူး CSS အား ပစ်မှတ်ထားရန် နေရာများစွာတွင် CSS ဘရောက်ဆာ ဟက်ခ်များကို အသုံးပြုပါသည်။ ဤဟက်ကာများသည် CSS စစ်ဆေးမှုအား ၎င်းတို့မမှန်ကန်ကြောင်း တိုင်ကြားရန် နားလည်သဘောပေါက်စေသည်။ အချို့နေရာများတွင် ကျွန်ုပ်တို့သည် စံချိန်စံညွှန်းမပြည့်မီသေးသော bleeding-edge CSS အင်္ဂါရပ်များကိုလည်း အသုံးပြုသည်၊ သို့သော် ၎င်းတို့ကို တိုးတက်မှုအဆင့်မြှင့်တင်ရန်အတွက် သက်သက်အသုံးပြုပါသည်။
ကျွန်ုပ်တို့၏ CSS ၏ hacky မဟုတ်သောအပိုင်းသည် အပြည့်အဝ တရားဝင်ကြောင်းနှင့် hacky အပိုင်းများသည် ဟက်ကင်းမဟုတ်သောအပိုင်း၏ သင့်လျော်သောလုပ်ဆောင်မှုကို အနှောင့်အယှက်မပေးသည့်အတွက်ကြောင့် ဤတရားဝင်သတိပေးချက်များသည် လက်တွေ့တွင် အရေးမကြီးပါ။
ကျွန်ုပ်တို့၏ HTML docs တွင်လည်း အချို့သော အသေးအဖွဲ နှင့် အကျိုးမရှိသော HTML တရားဝင်ကြောင်း သတိပေးချက်များ အချို့သည် Firefox တွင် ချို့ယွင်းချက် တစ်ခုအတွက် ဖြေရှင်းချက်တစ်ခု ပါဝင်နေသောကြောင့် ဖြစ်သည်။