Browserwo kple mɔ̃wo
Srɔ̃ nu tso web-browser kple mɔ̃wo, tso egbegbe dzi va ɖo xoxo dzi, siwo Bootstrap doa alɔ ŋu, siwo dometɔ aɖewoe nye quirks kple bugs siwo wonya na wo dometɔ ɖesiaɖe.
Browser siwo ŋu wodoa alɔe
Bootstrap doa alɔ web-browser kple mɔ̃ gãwo katã ƒe tata yeyetɔ siwo li ke .
Womedoa alɔ web-browser bubu siwo zãa WebKit, Blink, alo Gecko ƒe tata yeyetɔ, eɖanye tẽ alo to mɔ̃a ƒe web view API dzi tẽ o. Gake ele be Bootstrap (le go geɖe me) naɖee afia eye wòawɔ dɔ nyuie le web-browser siawo hã me. Wona kpekpeɖeŋu ŋuti nyatakaka siwo ku ɖe eŋu koŋ le ete.
Àte ŋu akpɔ míaƒe web-browser siwo míedoa alɔ kple woƒe tɔtrɔwo le míaƒe.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
Míezãa Autoprefixer tsɔ kpɔa web-browser ƒe kpekpeɖeŋu si míeɖo be míawɔ gbɔ to CSS ƒe ŋgɔdonyawo dzi, si zãa Browserslist tsɔ kpɔa web-browser ƒe tɔtrɔ siawo dzi. Kpɔ woƒe nuŋlɔɖiwo me hena alesi nàwɔ atsɔ dɔwɔnu siawo ade wò dɔwo me.
Asitelefonwo dzi
Le goawo katã me la, Bootstrap doa alɔ mɔ̃ gã ɖesiaɖe ƒe web-browser gbãtɔwo ƒe tata yeyewo. De dzesii be womewɔa dɔ le proxy browserwo (abe Opera Mini, Opera Mobile ƒe Turbo mode, UC Browser Mini, Amazon Silk ene) ŋu o.
| Chrome | Firefox ƒe ƒuƒoƒo | Safari ƒe ƒuƒoƒo | Android ƒe Nyatakakadzraɖoƒe & Nyatakakadzraɖoƒe ƒe Nɔnɔme | |
|---|---|---|---|---|
| Android dzi | Wodo alɔe | Wodo alɔe | — . | v6.0+ ƒe ƒuƒoƒo |
| iOS ƒe nyatakakawo | Wodo alɔe | Wodo alɔe | Wodo alɔe | — . |
Desktop dzi nyatakakadzraɖoƒewo
Nenema ke wodoa alɔ kɔmpiutadziɖoɖowo ƒe akpa gãtɔ ƒe tata yeyetɔwo hã.
| Chrome | Firefox ƒe ƒuƒoƒo | Microsoft ƒe Edge | Opera ƒe fefewɔƒe | Safari ƒe ƒuƒoƒo | |
|---|---|---|---|---|---|
| Mac | Wodo alɔe | Wodo alɔe | Wodo alɔe | Wodo alɔe | Wodo alɔe |
| Fesrewo ƒe fesrewo | Wodo alɔe | Wodo alɔe | Wodo alɔe | Wodo alɔe | — . |
Le Firefox gome la, tsɔ kpe ɖe normal stable release yeyetɔ ŋu la, míedoa alɔ Firefox ƒe Extended Support Release (ESR) ƒe tata yeyetɔ hã.
Le mɔ si mele se nu o nu la, ele be Bootstrap nadze nyuie eye wòawɔ nu nyuie le Chromium kple Chrome na Linux, kple Firefox na Linux me, togbɔ be womedo alɔ wo le se nu o hã.
Internet dzi Nyatakakadzraɖoƒe
Womewɔa dɔ le Internet Explorer ŋu o. Ne èhiã Internet Explorer ƒe kpekpeɖeŋu la, taflatse zã Bootstrap v4.
Modals kple dropdowns le asitelefon dzi
Nusiwo yɔ fũ kple agbalẽxatsaxatsa
Kpekpeɖeŋu na overflow: hidden;le <body>element la dzi se ɖe afi aɖe ŋutɔ le iOS kple Android me. Be nàte ŋu awɔ esia la, ne èʋu modal aɖe ƒe tame alo ete le mɔ̃ mawo ƒe web-browserwo dometɔ aɖe me la, <body>emenyawo adze ʋuʋu gɔme. Kpɔ Chrome ƒe vodada #175502 (woɖɔe ɖo le Chrome v40 me) kple WebKit ƒe vodada #153852 .
iOS nuŋɔŋlɔ ƒe akpawo kple ʋuʋu
<input>Tso iOS 9.2 dzi la, esime modal aɖe le ʋuʋu ɖi la, ne agbalẽxatsaxatsa ƒe dzesi ƒe asikaka gbãtɔ le nuŋɔŋlɔ alo a ƒe liƒo me la, woaʋu <textarea>nya <body>siwo le modal la te ɖe modal la ŋutɔ teƒe. Kpɔ WebKit ƒe vodada #153856 .
Navbar ƒe Ʋuʋudediwo
Womezãa .dropdown-backdropelement la le iOS le nav me o le z-indexing ƒe sesẽ ta. Eyata, be nàtu nusiwo le navbars me la, ele be nàzi nusiwo le tsia dzi la dzi tẽ (alo nu bubu ɖesiaɖe si atɔ dzo nudzɔdzɔ si le iOS me ).
Browser ƒe lolome dzi ɖeɖe kpɔtɔ
Axa ƒe lolome dzi ɖeɖe kpɔtɔ ɖea gɔmeɖeɖe ƒe asinudɔwɔwɔwo fiana godoo le akpa aɖewo me, le Bootstrap kple nyatakakadzraɖoƒea ƒe akpa mamlɛa siaa me. Le nyaa nu la, míate ŋu aɖɔe ɖo (di gbã eye emegbe nàʋu nya aɖe ne ehiã). Ke hã, míedina be míaŋe aɖaba aƒu esiawo dzi elabena zi geɖe la, egbɔkpɔnu aɖeke mele wo si tẽ o negbe hacky workarounds ko.
Ame siwo ɖoa kpe edzi
Be woakpɔ nuteƒekpɔkpɔ nyuitɔ kekeake na web-browser xoxowo kple esiwo me vodada le la, Bootstrap zãa CSS browser hacks le teƒe geɖe tsɔ ɖoa taɖodzinu na CSS tɔxɛwo ɖe web-browser ƒe tɔtrɔ aɖewo ŋu be woate ŋu awɔ dɔ tso vodada siwo le web-browserawo ŋutɔ me ŋu. Gɔmesese le eŋu be hack siawo nana CSS validators toa nyatoƒoe be yewomele eteƒe o. Le teƒe eve aɖewo la, míezãa Bleeding-edge CSS features siwo womeɖo ɖe ɖoɖo nu bliboe haɖe o hã, gake wozãa esiawo hena ŋgɔyiyi vivivi ɖeɖeko.
Nuxlɔ̃ame siawo siwo wotsɔ ɖo kpe edzi la mehiã le nuwɔna me o elabena míaƒe CSS ƒe akpa si menye hacky o la ɖoa kpe edzi bliboe eye akpa siwo nye hacky la medoa kplamatse akpa si menye hacky o ƒe dɔwɔwɔ nyuie o, eyatae míeɖonɛ koŋ ŋea aɖaba ƒua nuxlɔ̃ame siawo koŋ dzi ɖo.
Míaƒe HTML nuŋlɔɖiwo hã le HTML ƒe kpeɖodzi ƒe nuxlɔ̃ame aɖewo siwo mele vevie o eye womehiã o la le esi míetsɔ Firefox ƒe vodada aɖe gbɔ kpɔnu aɖe de eme ta .