免費(fèi)AI編程助手
Bootstrap5 瀏覽器和移動設(shè)備的支持情況
了解 Bootstrap 所支持的新和舊的瀏覽器和設(shè)備，以及每種瀏覽器和設(shè)備的已知問題和 bug。
支持的瀏覽器
Bootstrap 支持所有主流瀏覽器和平臺的 最新、穩(wěn)定版本。
對于其它使用了最新版本的 WebKit、Blink 或 Gecko 內(nèi)核的瀏覽器，或者直接或間接調(diào)用了平臺的 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 來自動添加特定于瀏覽器廠商地 CSS 屬性前綴，并使用 Browserslist 來對瀏覽器地版本進(jìn)行管理。請查閱這些工具各自地文檔，以了解如何將這些工具集成到你的項(xiàng)目中。
移動設(shè)備
一般來說，Bootstrap 支持每個主要平臺上的默認(rèn)瀏覽器的最新版本。請主要，基于代理（proxy）模式的瀏覽器（例如 Opera Mini、Opera Mobile’s Turbo mode、UC Browser Mini、Amazon Silk，這些瀏覽器自身并不具備完整的頁面渲染能力）是不被支持的。
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | 支持 | 支持 | — | v6.0+ |
| iOS | 支持 | 支持 | 支持 | — |
桌面瀏覽器
同樣，大多數(shù)桌面瀏覽器的最新版本是被支持的。
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | 支持 | 支持 | 支持 | 支持 | 支持 |
| Windows | 支持 | 支持 | 支持 | 支持 | — |
對于 Firefox 瀏覽器，除了最新的常規(guī)穩(wěn)定版本外，我們還支持最新的 Extended Support Release (ESR) 版本。
雖然 Bootstrap 在 Chromium、Linux 版 Chrome、Linux 版 Firefox 上也表現(xiàn)地很不錯，但這些瀏覽器或版本是不被 Bootstrap 官方支持的。
IE 瀏覽器
Bootstrap v5 版本不支持 IE 瀏覽器！ 如果你需要支持 IE，請使用 Bootstrap v4 版本。
移動設(shè)備上的模態(tài)和下拉菜單
溢出和滾動
在 iOS 和 Android 的?<body>?元素中?overflow: hidden;?支持非常有限。因此，當(dāng)您在任一設(shè)備的瀏覽器的?<body>?中滾動瀏覽模式的頂部或底部時，內(nèi)容將開始滾動。請參閱Chrome 錯誤 #175502（已在 Chrome v40 中修復(fù)）和WebKit 錯誤 #153852。
iOS 文本字段和滾動
從 iOS 9.2 開始，當(dāng)模態(tài)打開時，如果滾動手勢的初始觸摸在文本?<input>?或 ?<textarea>?的邊界內(nèi)，?<body>?模態(tài)下方的內(nèi)容將被滾動，而不是模態(tài)本身。請參閱WebKit 錯誤 #153856。
導(dǎo)航欄下拉菜單
由于 z-indexing的復(fù)雜性，?.dropdown-backdrop?元素未在 iOS 的導(dǎo)航中使用。因此，要關(guān)閉導(dǎo)航欄中的下拉菜單，您必須直接單擊下拉元素（或在 iOS 中將觸發(fā)單擊事件的任何其他元素）。
瀏覽器縮放
頁面縮放不可避免地會在某些組件中呈現(xiàn)渲染工件，無論是在 Bootstrap 還是在 Web 的其余部分。根據(jù)問題，我們或許能夠修復(fù)它（先搜索，然后在需要時打開問題）。然而，我們往往會忽略這些，因?yàn)樗鼈兺ǔ]有直接的解決方案。只能用一些hacky方法才能解決。
驗(yàn)證器
為了給舊的和有問題的瀏覽器提供最佳體驗(yàn)，Bootstrap在幾個地方使用CSS browser hacks，將特殊 CSS 定位到某些瀏覽器版本，以便解決瀏覽器本身的錯誤。這些 hack 導(dǎo)致 CSS 驗(yàn)證器抱怨它們是無效的，這是可以理解的。在一些地方，我們還使用了尚未完全標(biāo)準(zhǔn)化的前沿 CSS 功能，但這些功能僅用于漸進(jìn)式增強(qiáng)。
這些驗(yàn)證警告在實(shí)踐中并不重要，因?yàn)槲覀?CSS 的非 hacky 部分會完全驗(yàn)證，并且 hacky 部分不會干擾非 hacky 部分的正常運(yùn)行，因此我們故意忽略這些特定警告。
我們的 HTML 文檔同樣有一些無關(guān)緊要的 HTML 驗(yàn)證警告，因?yàn)槲覀儼酸槍?a rel="external nofollow" target="_blank" target="_blank">某個 Firefox 錯誤的解決方法。
更多建議：