Prehliadače a zariadenia
Získajte informácie o prehliadačoch a zariadeniach, od moderných po staré, ktoré podporuje Bootstrap, vrátane známych zvláštností a chýb pre každý z nich.
Podporované prehliadače
Bootstrap podporuje najnovšie stabilné vydania všetkých hlavných prehliadačov a platforiem.
Alternatívne prehliadače, ktoré používajú najnovšiu verziu WebKit, Blink alebo Gecko, či už priamo alebo cez webové rozhranie API platformy, nie sú výslovne podporované. Bootstrap by sa však mal (vo väčšine prípadov) správne zobrazovať a fungovať aj v týchto prehliadačoch. Podrobnejšie informácie o podpore sú uvedené nižšie.
Našu podporovanú škálu prehliadačov a ich verzií nájdete v našom.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
Na spracovanie zamýšľanej podpory prehliadača prostredníctvom predpôn CSS používame Autoprefixer , ktorý na správu týchto verzií prehliadača používa zoznam prehliadačov. Informácie o tom, ako integrovať tieto nástroje do vašich projektov, nájdete v ich dokumentácii.
Mobilné zariadenia
Všeobecne povedané, Bootstrap podporuje najnovšie verzie predvolených prehliadačov každej hlavnej platformy. Upozorňujeme, že proxy prehliadače (ako Opera Mini, Turbo režim Opera Mobile, UC Browser Mini, Amazon Silk) nie sú podporované.
Chrome | Firefox | Safari | Prehliadač Android a WebView | |
---|---|---|---|---|
Android | Podporované | Podporované | — | v6.0+ |
iOS | Podporované | Podporované | Podporované | — |
Desktopové prehliadače
Podobne sú podporované najnovšie verzie väčšiny prehliadačov pre stolné počítače.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Podporované | Podporované | Podporované | Podporované | Podporované |
Windows | Podporované | Podporované | Podporované | Podporované | — |
V prípade Firefoxu okrem najnovšieho normálneho stabilného vydania podporujeme aj najnovšiu verziu Firefoxu s rozšírenou podporou (ESR) .
Neoficiálne by mal Bootstrap vyzerať a správať sa dostatočne dobre v prehliadačoch Chromium a Chrome pre Linux a Firefox pre Linux, hoci nie sú oficiálne podporované.
internet Explorer
Internet Explorer nie je podporovaný. Ak potrebujete podporu pre Internet Explorer, použite Bootstrap v4.
Modály a rozbaľovacie zoznamy v mobile
Pretečenie a rolovanie
Podpora overflow: hidden;
prvku <body>
je v systémoch iOS a Android dosť obmedzená. Za týmto účelom, keď prejdete za hornú alebo spodnú časť modálu v jednom z prehliadačov týchto zariadení, <body>
obsah sa začne posúvať. Pozrite si chybu Chrome č. 175502 (opravená v Chrome v40) a chybu WebKit č. 153852 .
iOS textové polia a rolovanie
Od iOS 9.2, keď je modálny režim otvorený, ak je prvý dotyk posúvacieho gesta v rámci textu <input>
alebo <textarea>
, <body>
bude sa posúvať obsah pod modálom namiesto samotného modálu. Pozrite si chybu WebKit č. 153856 .
Rozbaľovacie ponuky navigačného panela
Prvok .dropdown-backdrop
sa nepoužíva v systéme iOS v navigácii kvôli zložitosti indexovania z. Ak teda chcete zatvoriť rozbaľovacie ponuky v navigačných paneloch, musíte priamo kliknúť na prvok rozbaľovacej ponuky (alebo na akýkoľvek iný prvok, ktorý spustí udalosť kliknutia v systéme iOS ).
Priblíženie prehliadača
Zväčšovanie stránky nevyhnutne predstavuje artefakty vykresľovania v niektorých komponentoch, v Bootstrape aj vo zvyšku webu. V závislosti od problému ho možno budeme vedieť opraviť (najskôr vyhľadajte a potom v prípade potreby otvorte problém). Máme však tendenciu ich ignorovať, pretože často nemajú žiadne priame riešenie okrem hackingových riešení.
Validátori
S cieľom poskytnúť najlepší možný zážitok starým a chybným prehliadačom používa Bootstrap na niekoľkých miestach hacky prehliadača CSS na zacielenie špeciálnych CSS na určité verzie prehliadačov, aby obišiel chyby v samotných prehliadačoch. Tieto hacky pochopiteľne spôsobujú, že validátory CSS sa sťažujú, že sú neplatné. Na niekoľkých miestach používame aj špičkové funkcie CSS, ktoré ešte nie sú úplne štandardizované, ale používajú sa výlučne na progresívne vylepšenie.
Tieto varovania pri overovaní nehrajú v praxi význam, pretože nehacknutá časť nášho CSS sa plne overuje a hacknuté časti nezasahujú do správneho fungovania nehacknutej časti, preto tieto konkrétne upozornenia zámerne ignorujeme.
Naše dokumenty HTML tiež obsahujú triviálne a bezvýznamné upozornenia na overenie kódu HTML, pretože sme zahrnuli riešenie pre určitú chybu Firefoxu .