瀏覽器和設(shè)備支持
瀏覽器和移動(dòng)設(shè)備的支持情況,了解 Bootstrap 所支持的新和舊的瀏覽器和設(shè)備,以及每種瀏覽器和設(shè)備的已知問題和 bug。
支持的瀏覽器
Bootstrap 支持所有主流瀏覽器和平臺(tái)的 最新、穩(wěn)定版本。
對(duì)于其它使用了最新版本的 WebKit、Blink 或 Gecko 內(nèi)核的瀏覽器,或者直接或間接調(diào)用了平臺(tái)的 web view API,都不是明確被支持的。但是,Bootstrap 應(yīng)該(大多數(shù)情況下)在這些瀏覽器中是能夠正常顯示和運(yùn)行的。下面列出了更具體地支持情況。
你可以在 .browserslistrc 文件 中找到
Bootstrap 所支持地瀏覽器及版本列表:
# 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
我們使用 Autoprefixer 來自動(dòng)添加特定于瀏覽器廠商地 CSS 屬性前綴,并使用 Browserslist 來對(duì)瀏覽器地版本進(jìn)行管理。請(qǐng)查閱這些工具各自地文檔,以了解如何將這些工具集成到你的項(xiàng)目中。
移動(dòng)設(shè)備
一般來說,Bootstrap 支持每個(gè)主要平臺(tái)上的默認(rèn)瀏覽器的最新版本。請(qǐng)主要,基于代理(proxy)模式的瀏覽器(例如 Opera Mini、Opera Mobile’s Turbo mode、UC Browser Mini、Amazon Silk,這些瀏覽器自身并不具備完整的頁(yè)面渲染能力)是不被支持的。
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | 支持 | 支持 | — | v6.0+ |
| iOS | 支持 | 支持 | 支持 | — |
桌面瀏覽器
同樣,大多數(shù)桌面瀏覽器的最新版本是被支持的。
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | 支持 | 支持 | 支持 | 支持 | 支持 |
| Windows | 支持 | 支持 | 支持 | 支持 | — |
對(duì)于 Firefox 瀏覽器,除了最新的常規(guī)穩(wěn)定版本外,我們還支持最新的 Extended Support Release (ESR) 版本。
雖然 Bootstrap 在 Chromium、Linux 版 Chrome、Linux 版 Firefox 上也表現(xiàn)地很不錯(cuò),但這些瀏覽器或版本是不被 Bootstrap 官方支持的。
IE 瀏覽器
Bootstrap v5 版本不支持 IE 瀏覽器! 如果你需要支持 IE,請(qǐng)使用 Bootstrap v4 版本。
移動(dòng)設(shè)備上的模態(tài)框和下拉列表
溢出和滾動(dòng)
支持overflow: hidden; ;<body>元素在iOS和Android中非常有限。為此,當(dāng)您在這些設(shè)備的瀏覽器中滾動(dòng)過某個(gè)模式的頂部或底部時(shí),<body>內(nèi)容將開始滾動(dòng)。請(qǐng)參閱 Chrome bug #175502 (fixed in Chrome v40)
and WebKit bug #153852。
iOS文本字段和滾動(dòng)
從iOS 9.2開始,當(dāng)模式打開時(shí),如果滾動(dòng)手勢(shì)的初始觸碰在文本<input> 或 <textarea>的邊界內(nèi),則模式下的
導(dǎo)航欄下拉列表
由于z索引的復(fù)雜性,nav中的iOS上不使用.dropdown-backdrop元素。因此,要關(guān)閉navbars中的下拉列表,必須直接單擊dropdown元素(或在iOS中觸發(fā)click事件的任何其他元素)。
瀏覽器縮放
頁(yè)面縮放不可避免地會(huì)在某些組件中出現(xiàn)呈現(xiàn)工件,包括引導(dǎo)和web的其余部分。根據(jù)問題的不同,我們可能能夠修復(fù)它(首先搜索,然后根據(jù)需要打開一個(gè)問題)。然而,我們傾向于忽略這些,因?yàn)樗鼈兺ǔ]有直接的解決方案,除了黑客的變通方法。
驗(yàn)證器
為了給老的和有缺陷的瀏覽器提供最好的體驗(yàn),Bootstrap在幾個(gè)地方使用CSS瀏覽器黑客將特定的CSS定位到特定的瀏覽器版本,以解決瀏覽器本身的缺陷。這些黑客攻擊導(dǎo)致CSS驗(yàn)證器抱怨它們是無效的,這是可以理解的。在一些地方,我們還使用了尚未完全標(biāo)準(zhǔn)化的前沿CSS特性,但這些特性純粹用于漸進(jìn)增強(qiáng)。
這些驗(yàn)證警告在實(shí)踐中并不重要,因?yàn)槲覀兊腃SS的非hacky部分確實(shí)會(huì)完全驗(yàn)證,并且hacky部分不會(huì)干擾非hacky部分的正常功能,因此我們故意忽略這些特定警告的原因。
我們的HTML文檔同樣有一些無關(guān)緊要的HTML驗(yàn)證警告,因?yàn)槲覀儼艘粋€(gè)針對(duì) 某個(gè)Firefox bug的解決方案。