Browsere og enheder
Lær om de browsere og enheder, fra moderne til gamle, der understøttes af Bootstrap, inklusive kendte særheder og fejl for hver.
Understøttede browsere
Bootstrap understøtter de seneste, stabile udgivelser af alle større browsere og platforme.
Alternative browsere, der bruger den seneste version af WebKit, Blink eller Gecko, uanset om de er direkte eller via platformens webvisnings-API, understøttes ikke eksplicit. Bootstrap bør dog (i de fleste tilfælde) også vise og fungere korrekt i disse browsere. Mere specifikke supportoplysninger findes nedenfor.
Du kan finde vores understøttede udvalg af browsere og deres versioner i vores.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
Vi bruger Autoprefixer til at håndtere tilsigtet browsersupport via CSS-præfikser, som bruger Browserslist til at administrere disse browserversioner. Se deres dokumentation for, hvordan du integrerer disse værktøjer i dine projekter.
Mobile enheder
Generelt set understøtter Bootstrap de nyeste versioner af hver større platforms standardbrowsere. Bemærk, at proxy-browsere (såsom Opera Mini, Opera Mobiles Turbo-tilstand, UC Browser Mini, Amazon Silk) ikke understøttes.
Chrome | Firefox | Safari | Android-browser og WebView | |
---|---|---|---|---|
Android | Understøttet | Understøttet | — | v6.0+ |
iOS | Understøttet | Understøttet | Understøttet | — |
Desktop browsere
På samme måde understøttes de nyeste versioner af de fleste desktopbrowsere.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Understøttet | Understøttet | Understøttet | Understøttet | Understøttet |
Windows | Understøttet | Understøttet | Understøttet | Understøttet | — |
For Firefox understøtter vi udover den seneste normale stabile udgivelse også den seneste Extended Support Release (ESR) version af Firefox.
Uofficielt burde Bootstrap se ud og opføre sig godt nok i Chromium og Chrome til Linux og Firefox til Linux, selvom de ikke er officielt understøttet.
Internet Explorer
Internet Explorer understøttes ikke. Hvis du har brug for Internet Explorer-support, skal du bruge Bootstrap v4.
Modaler og dropdowns på mobil
Overløb og rulning
Understøttelse overflow: hidden;
af <body>
elementet er ret begrænset i iOS og Android. Til det formål, når du ruller forbi toppen eller bunden af en modal i en af disse enheders browsere, <body>
begynder indholdet at rulle. Se Chrome-fejl #175502 (rettet i Chrome v40) og WebKit-fejl #153852 .
iOS-tekstfelter og rulning
Fra og med iOS 9.2, mens en modal er åben, hvis den første berøring af en rullebevægelse er inden for grænsen af en tekst <input>
eller en <textarea>
, vil <body>
indholdet under modalen blive rullet i stedet for selve modalen. Se WebKit-fejl #153856 .
Navbar dropdowns
Elementet .dropdown-backdrop
bruges ikke på iOS i nav på grund af kompleksiteten af z-indeksering. For at lukke dropdowns i navbars skal du således klikke direkte på dropdown-elementet (eller et hvilket som helst andet element, der udløser en klikhændelse i iOS ).
Browser-zoomning
Sidezoomning præsenterer uundgåeligt gengivelsesartefakter i nogle komponenter, både i Bootstrap og resten af nettet. Afhængigt af problemet kan vi muligvis løse det (søg først, og åbn derefter et problem, hvis det er nødvendigt). Vi har dog en tendens til at ignorere disse, da de ofte ikke har nogen direkte løsning udover hacky løsninger.
Validatorer
For at give den bedst mulige oplevelse til gamle og buggy browsere, bruger Bootstrap CSS browser hacks flere steder til at målrette speciel CSS til bestemte browserversioner for at omgå fejl i selve browserne. Disse hacks får forståeligt nok CSS-validatorer til at klage over, at de er ugyldige. Et par steder bruger vi også avancerede CSS-funktioner, der endnu ikke er fuldt standardiserede, men disse bruges udelukkende til progressiv forbedring.
Disse valideringsadvarsler betyder ikke noget i praksis, da den ikke-hacky del af vores CSS validerer fuldt ud, og de hacky dele ikke forstyrrer den korrekte funktion af den ikke-hacky del, og derfor ignorerer vi bevidst disse særlige advarsler.
Vores HTML-dokumenter har ligeledes nogle trivielle og uvæsentlige HTML-valideringsadvarsler på grund af vores medtagelse af en løsning til en bestemt Firefox-fejl .