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.
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 választékát és azok verzióit itt.browserslistrc file
találja :
# 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 .
Navbar Legördülő menük
A .dropdown-backdrop
z-indexelés összetettsége miatt az elem nem használatos 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ő zoomolás
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 .