in English

Selaimet ja laitteet

Opi Bootstrapin tukemista selaimista ja laitteista nykyaikaisista vanhoihin, mukaan lukien kunkin tunnetut omituisuudet ja bugit.

Tällä sivulla

Tuetut selaimet

Bootstrap tukee kaikkien tärkeimpien selainten ja alustojen uusimpia, vakaita julkaisuja .

Vaihtoehtoisia selaimia, jotka käyttävät WebKitin, Blinkin tai Geckon uusinta versiota joko suoraan tai alustan verkkonäkymän API:n kautta, ei tueta erikseen. Bootstrapin pitäisi kuitenkin (useimmissa tapauksissa) näyttää ja toimia oikein myös näissä selaimissa. Tarkempia tukitietoja on alla.

Löydät tuetut selaimet ja niiden versiot osoitteesta.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

Käytämme Autoprefixeria käsittelemään aiottua selaintukea CSS-etuliitteillä, joka käyttää Browserslistia näiden selainversioiden hallintaan. Katso heidän dokumentaatiostaan, kuinka voit integroida nämä työkalut projekteihisi.

Mobiililaitteet

Yleisesti ottaen Bootstrap tukee uusimpia versioita kunkin suuren alustan oletusselaimista. Huomaa, että välitysselaimia (kuten Opera Mini, Opera Mobilen Turbo-tila, UC Browser Mini, Amazon Silk) ei tueta.

	Kromi	Firefox	Safari	Android-selain ja WebView
Android	Tuettu	Tuettu	—	v6.0+
iOS	Tuettu	Tuettu	Tuettu	—

Pöytäkoneen selaimet

Samoin useimpien työpöytäselaimien uusimmat versiot ovat tuettuja.

	Kromi	Firefox	Microsoft Edge	Ooppera	Safari
Mac	Tuettu	Tuettu	Tuettu	Tuettu	Tuettu
Windows	Tuettu	Tuettu	Tuettu	Tuettu	—

Firefoxille tuemme uusimman normaalin vakaan julkaisun lisäksi myös Firefoxin uusinta Extended Support Release (ESR) -versiota.

Epävirallisesti Bootstrapin pitäisi näyttää ja toimia riittävän hyvin Chromiumissa ja Chromessa Linuxille ja Firefoxissa Linuxille, vaikka niitä ei virallisesti tueta.

Internet Explorer

Internet Exploreria ei tueta. Jos tarvitset Internet Explorer -tukea, käytä Bootstrap v4:ää.

Modaalit ja pudotusvalikot mobiilissa

Ylivuoto ja vieritys

Elementin tuki overflow: hidden;on <body>melko rajallista iOS:ssä ja Androidissa. <body>Tätä tarkoitusta varten sisältö alkaa rullata , kun vierität modaalin ylä- tai alareunaa kummassa tahansa näiden laitteiden selaimessa . Katso Chrome-virhe #175502 (korjattu Chrome v40:ssä) ja WebKit-virhe #153852 .

iOS-tekstikentät ja vieritys

IOS 9.2:sta lähtien modaalin ollessa auki, jos vierityseleen ensimmäinen kosketus on tekstin <input>tai tekstin rajojen sisällä <textarea>, modaalin alla olevaa <body>sisältöä vieritetään itse modaalin sijaan. Katso WebKit-virhe #153856 .

Elementtiä .dropdown-backdropei käytetä iOS:ssä navissa z-indeksoinnin monimutkaisuuden vuoksi. Suljeksesi navigointipalkkien avattavat valikot sinun on siis napsautettava suoraan avattavaa elementtiä (tai mitä tahansa muuta elementtiä, joka käynnistää napsautustapahtuman iOS:ssä ).

Selaimen zoomaus

Sivun zoomaus aiheuttaa väistämättä renderöintiartefakteja joissakin komponenteissa, sekä Bootstrapissa että muualla verkossa. Ongelmasta riippuen voimme ehkä korjata sen (hae ensin ja avaa ongelma sitten tarvittaessa). Meillä on kuitenkin tapana jättää nämä huomiotta, koska niillä ei usein ole muuta suoraa ratkaisua kuin hakkeroituja ratkaisuja.

Validaattorit

Tarjotakseen parhaan mahdollisen käyttökokemuksen vanhoille ja bugiisille selaimille Bootstrap käyttää CSS-selainhakkeja useissa paikoissa kohdistaakseen erityisiä CSS-syötteitä tiettyihin selainversioihin kiertääkseen itse selaimissa esiintyviä vikoja. Nämä hakkerit saavat ymmärrettävästi CSS-validaattorit valittamaan, että ne ovat virheellisiä. Muutamassa paikassa käytämme myös huippuluokan CSS-ominaisuuksia, joita ei ole vielä täysin standardoitu, mutta niitä käytetään puhtaasti progressiiviseen parantamiseen.

Näillä vahvistusvaroituksilla ei ole käytännössä merkitystä, koska CSS:n ei-hakkeroitu osa validoituu täysin, eivätkä hakkeroidut osat häiritse ei-hakkeroituneen osan asianmukaista toimintaa, minkä vuoksi jätämme nämä varoitukset tarkoituksella huomiotta.

HTML-dokumenteissamme on myös joitain triviaaleja ja merkityksettömiä HTML-tarkistusvaroituksia, koska olemme sisällyttäneet kiertotapaan tiettyyn Firefox-virheeseen .