Böngészők és eszközök

Tudjon meg többet a Bootstrap által támogatott böngészőkről és eszközökről, a moderntől a régiig, beleértve az ismert furcsaságokat és hibákat.

Ezen az oldalon

Támogatott böngészők

A Bootstrap támogatja az összes főbb böngésző és platform legújabb, stabil kiadásait .

Azok az alternatív böngészők, amelyek a WebKit, Blink vagy Gecko legújabb verzióját használják, akár közvetlenül, akár a platform webnézet API-ján keresztül, nem támogatottak kifejezetten. A Bootstrapnak azonban (a legtöbb esetben) ezekben a böngészőkben is megfelelően kell megjelennie és működnie. Az alábbiakban részletesebb támogatási információk találhatók.

Támogatott böngészőink és azok verziói itt találhatók.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

Az Autoprefixer segítségével kezeljük a tervezett böngészőtámogatást CSS-előtagokon keresztül, amely a Browserslist segítségével kezeli ezeket a böngészőverziókat. Tekintse meg a dokumentációjukat, hogy hogyan integrálhatja ezeket az eszközöket projektjeibe.

Mobil eszközök

Általánosságban elmondható, hogy a Bootstrap támogatja az egyes nagyobb platformok alapértelmezett böngészőinek legújabb verzióit. Vegye figyelembe, hogy a proxy böngészők (például Opera Mini, Opera Mobile Turbo mód, UC Browser Mini, Amazon Silk) nem támogatottak.

	Króm	Firefox	Szafari	Android böngésző és WebView
Android	Támogatott	Támogatott	—	v6.0+
iOS	Támogatott	Támogatott	Támogatott	—

Asztali böngészők

Hasonlóképpen, a legtöbb asztali böngésző legújabb verziója támogatott.

	Króm	Firefox	Microsoft Edge	Opera	Szafari
Mac	Támogatott	Támogatott	Támogatott	Támogatott	Támogatott
ablakok	Támogatott	Támogatott	Támogatott	Támogatott	—

A Firefox esetében a legújabb normál stabil kiadás mellett a Firefox legújabb kiterjesztett támogatási kiadását (ESR) is támogatjuk .

Nem hivatalosan a Bootstrapnek elég jól kell kinéznie és jól kell viselkednie a Chromiumban és a Chrome for Linuxban, illetve a Firefox for Linuxban, bár hivatalosan nem támogatottak.

internet böngésző

Az Internet Explorer nem támogatott. Ha szüksége van az Internet Explorer támogatására, használja a Bootstrap v4-et.

Modálok és legördülő menük mobilon

Túlcsordulás és görgetés

overflow: hidden;Az <body>elem támogatása meglehetősen korlátozott iOS és Android rendszeren. Ebből a célból, ha valamelyik eszköz böngészőjében átgörget egy modál tetején vagy alján, a <body>tartalom gördülni kezd. Lásd : 175502. számú Chrome-hiba (javítva a Chrome v40-ben) és 153852. számú WebKit-hiba .

iOS szövegmezők és görgetés

Az iOS 9.2-től kezdve, amíg egy modális nyitva van, és ha a görgetés kezdeti érintése egy szöveges <input>vagy egy szöveg határain belül van <textarea>, <body>akkor a modális alatti tartalom görgetésre kerül a modális helyett. Lásd a WebKit 153856. számú hibáját .

A .dropdown-backdropz-indexelés összetettsége miatt az elemet nem használják iOS rendszeren a navigációban. Így a navigációs sávok legördülő menüinek bezárásához közvetlenül a legördülő elemre kell kattintania (vagy bármely más elemre, amely kattintási eseményt indít el iOS rendszerben ).

Böngésző nagyítása

Az oldalnagyítás elkerülhetetlenül renderelési műtermékeket tartalmaz egyes összetevőkben, mind a Bootstrapben, mind az internet többi részén. A problémától függően lehetséges, hogy ki tudjuk javítani (először keressen, majd ha szükséges, nyissa meg a problémát). Ezeket azonban hajlamosak vagyunk figyelmen kívül hagyni, mivel gyakran nincs közvetlen megoldásuk, csak a trükkös megoldások.

Validátorok

Annak érdekében, hogy a lehető legjobb élményt nyújtsa a régi és hibás böngészőknek, a Bootstrap több helyen CSS-böngésző-feltöréseket használ , hogy speciális CSS-t célozzon meg bizonyos böngészőverziókra, hogy kikerülje a böngészők hibáit. Ezek a feltörések érthető módon arra késztetik a CSS-ellenőrzőket, hogy érvénytelenek legyenek. Néhány helyen olyan élvonalbeli CSS-szolgáltatásokat is használunk, amelyek még nincsenek teljesen szabványosítva, de ezeket pusztán progresszív fejlesztésre használjuk.

Ezek az érvényesítési figyelmeztetések a gyakorlatban nem számítanak, mivel CSS-ünk nem feltört része teljes mértékben érvényesít, és a feltört részek nem zavarják a nem feltört rész megfelelő működését, ezért szándékosan figyelmen kívül hagyjuk ezeket a figyelmeztetéseket.

HTML-dokumentumaink szintén tartalmaznak néhány triviális és lényegtelen HTML-érvényesítési figyelmeztetést, mivel egy bizonyos Firefox-hiba megoldását tartalmaztuk .