Blaaiers en toestelle

Kom meer te wete oor die blaaiers en toestelle, van modern tot oud, wat deur Bootstrap ondersteun word, insluitend bekende eienaardighede en foute vir elkeen.

Op hierdie bladsy

Ondersteunde blaaiers

Bootstrap ondersteun die nuutste, stabiele vrystellings van alle groot blaaiers en platforms.

Alternatiewe blaaiers wat die nuutste weergawe van WebKit, Blink of Gecko gebruik, hetsy direk of via die platform se webaansig-API, word nie eksplisiet ondersteun nie. Bootstrap moet egter (in die meeste gevalle) ook korrek in hierdie blaaiers vertoon en funksioneer. Meer spesifieke ondersteuningsinligting word hieronder verskaf.

Jy kan ons ondersteunde reeks blaaiers en hul weergawes vind in ons.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

Ons gebruik Autoprefixer om beoogde blaaierondersteuning te hanteer via CSS-voorvoegsels, wat Browserslist gebruik om hierdie blaaierweergawes te bestuur. Raadpleeg hul dokumentasie vir hoe om hierdie instrumente in jou projekte te integreer.

Mobiele toestelle

Oor die algemeen ondersteun Bootstrap die nuutste weergawes van elke groot platform se verstekblaaiers. Let daarop dat proxy-blaaiers (soos Opera Mini, Opera Mobile se Turbo-modus, UC Browser Mini, Amazon Silk) nie ondersteun word nie.

	Chroom	Firefox	Safari	Android-blaaier en webaansig
Android	Ondersteun	Ondersteun	—	v6.0+
iOS	Ondersteun	Ondersteun	Ondersteun	—

Desktop blaaiers

Net so word die nuutste weergawes van die meeste rekenaarblaaiers ondersteun.

	Chroom	Firefox	Microsoft Edge	Opera	Safari
Mac	Ondersteun	Ondersteun	Ondersteun	Ondersteun	Ondersteun
Vensters	Ondersteun	Ondersteun	Ondersteun	Ondersteun	—

Vir Firefox, benewens die nuutste normale stabiele vrystelling, ondersteun ons ook die nuutste weergawe van Firefox vir uitgebreide ondersteuning (ESR) .

Nie-amptelik behoort Bootstrap goed genoeg te lyk en op te tree in Chromium en Chrome vir Linux, en Firefox vir Linux, hoewel hulle nie amptelik ondersteun word nie.

Internet Explorer

Internet Explorer word nie ondersteun nie. As jy Internet Explorer-ondersteuning benodig, gebruik asseblief Bootstrap v4.

Modale en aftreklys op selfoon

Oorloop en blaai

Ondersteuning vir overflow: hidden;die <body>element is redelik beperk in iOS en Android. Vir daardie doel, wanneer jy verby die bo- of onderkant van 'n modaal in enige van daardie toestelle se blaaiers blaai, <body>sal die inhoud begin blaai. Sien Chrome-fout #175502 (opgestel in Chrome v40) en WebKit-fout #153852 .

iOS-teksvelde en blaai

Vanaf iOS 9.2, terwyl 'n modaal oop is, as die aanvanklike aanraking van 'n rolgebaar binne die grens van 'n tekstuele <input>of 'n <textarea>is, sal die <body>inhoud onder die modaal gerol word in plaas van die modaal self. Sien WebKit-fout #153856 .

Die .dropdown-backdropelement word nie op iOS in die navigasie gebruik nie as gevolg van die kompleksiteit van z-indeksering. Dus, om aftreklys in navigasiebalke te sluit, moet u direk op die aftrekelement klik (of enige ander element wat 'n klikgebeurtenis in iOS sal afvuur ).

Blaaier zoem

Bladsyzoem bied onvermydelik artefakte in sommige komponente, beide in Bootstrap en die res van die web. Afhangende van die probleem, kan ons dit dalk regmaak (soek eers en maak dan 'n probleem oop indien nodig). Ons is egter geneig om dit te ignoreer, aangesien dit dikwels geen direkte oplossing het nie, behalwe hackige oplossings.

Valideerders

Ten einde die beste moontlike ervaring aan ou en foutiewe blaaiers te bied, gebruik Bootstrap CSS-blaaierhacks op verskeie plekke om spesiale CSS op sekere blaaierweergawes te teiken om foute in die blaaiers self te omseil. Hierdie hacks veroorsaak verstaanbaar dat CSS-valideerders kla dat hulle ongeldig is. Op 'n paar plekke gebruik ons ook bloeiende CSS-kenmerke wat nog nie ten volle gestandaardiseer is nie, maar dit word bloot vir progressiewe verbetering gebruik.

Hierdie valideringswaarskuwings maak nie saak in die praktyk nie, aangesien die nie-gekapte gedeelte van ons CSS ten volle valideer en die hacky gedeeltes nie inmeng met die behoorlike funksionering van die nie-hacky gedeelte nie, vandaar hoekom ons hierdie spesifieke waarskuwings doelbewus ignoreer.

Ons HTML-dokumente het eweneens 'n paar onbenullige en onbelangrike HTML-bekragtigingwaarskuwings as gevolg van ons insluiting van 'n oplossing vir 'n sekere Firefox-fout .