跳到主要內容 跳到文檔導航
Check
in English

瀏覽器和設備

了解 Bootstrap 支持的從現代到舊的瀏覽器和設備,包括每個已知的怪癖和錯誤。

支持的瀏覽器

Bootstrap 支持所有主流瀏覽器和平台的最新穩定版本

不明確支持使用最新版本的 WebKit、Blink 或 Gecko 的替代瀏覽器,無論是直接還是通過平台的 Web 視圖 API。但是,Bootstrap 應該(在大多數情況下)在這些瀏覽器中也能正確顯示和運行。下面提供了更具體的支持信息。

您可以在我們.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

我們使用Autoprefixer通過 CSS 前綴處理預期的瀏覽器支持,它使用Browserslist來管理這些瀏覽器版本。請查閱他們的文檔以了解如何將這些工具集成到您的項目中。

移動設備

一般來說,Bootstrap 支持各大平台默認瀏覽器的最新版本。請注意,不支持代理瀏覽器(例如​​ Opera Mini、Opera Mobile 的 Turbo 模式、UC Browser Mini、Amazon Silk)。

鉻合金 火狐 蘋果瀏覽器 Android 瀏覽器和 Web 視圖
安卓 支持的 支持的 v6.0+
iOS 支持的 支持的 支持的

桌面瀏覽器

同樣,支持大多數桌面瀏覽器的最新版本。

鉻合金 火狐 微軟邊緣 歌劇 蘋果瀏覽器
蘋果電腦 支持的 支持的 支持的 支持的 支持的
視窗 支持的 支持的 支持的 支持的

對於 Firefox,除了最新的正常穩定版本外,我們還支持最新的擴展支持版本 (ESR)版本的 Firefox。

非正式地,Bootstrap 在 Chromium 和 Chrome for Linux 以及 Firefox for Linux 中的外觀和行為應該足夠好,儘管它們不受官方支持。

IE瀏覽器

不支持 Internet Explorer。如果您需要 Internet Explorer 支持,請使用 Bootstrap v4。

移動設備上的模態和下拉菜單

溢出和滾動

overflow: hidden;在 iOS 和 Android 中,對元素的支持<body>非常有限。為此,當您在任一設備的瀏覽器中滾動超過模式的頂部或底部時,<body>內容將開始滾動。請參閱Chrome 錯誤 #175502(在 Chrome v40 中修復)和WebKit 錯誤 #153852

iOS 文本字段和滾動

從 iOS 9.2 開始,當 modal 打開時,如果滾動手勢的初始觸摸在 textual<input>或 a的邊界內<textarea>,則將滾動 modal 下面的<body>內容而不是 modal 本身。請參閱WebKit 錯誤 #153856

由於 z-indexing 的複雜性,該.dropdown-backdrop元素未在 iOS 上的導航中使用。因此,要關閉導航欄中的下拉菜單,您必須直接單擊下拉元素(或任何其他會在 iOS 中觸發單擊事件的元素)。

瀏覽器縮放

頁面縮放不可避免地會在某些組件中呈現渲染偽影,無論是在 Bootstrap 中還是在 Web 的其餘部分中。根據問題,我們可能能夠修復它(先搜索,然後在需要時打開問題)。然而,我們傾向於忽略這些,因為除了 hacky 變通方法之外,它們通常沒有直接的解決方案。

驗證器

為了給舊的和有問題的瀏覽器提供盡可能好的體驗,Bootstrap 在幾個地方使用CSS 瀏覽器 hack將特殊的 CSS 定位到某些瀏覽器版本,以解決瀏覽器本身的錯誤。這些 hack 可以理解地導致 CSS 驗證器抱怨它們是無效的。在一些地方,我們還使用了尚未完全標準化的前沿 CSS 功能,但這些功能純粹用於漸進增強。

這些驗證警告在實踐中並不重要,因為我們的 CSS 的非 hacky 部分確實完全驗證並且 hacky 部分不會干擾非 hacky 部分的正常運行,因此我們故意忽略這些特定警告。

由於我們包含了針對某個 Firefox 錯誤的解決方法,我們的 HTML 文檔同樣有一些瑣碎和無關緊要的 HTML 驗證警告。