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.

Le axa sia dzi

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 .

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 .