Skip to main content Skip to docs navigation
View on GitHub

瀏覽器和裝置 (Browsers and devices)

瞭解 Bootstrap 支援的各種現代和過去的瀏覽器和裝置,包括每個瀏覽器和裝置已知的故障和錯誤。

六角學院的 Bootstrap 5 課程上線囉,立即與萬人一同學習最專業、最深入的 Bootstrap 5 課程。

立即上課去

支援的瀏覽器

Bootstrap 支援各大瀏覽器和平台 最新和最穩定的版本

如果瀏覽器是使用最新測試中的版本,像是 WebKit、Blink 或 Gecko 或透過平台的 web view 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 前綴詞來處理對於瀏覽器的支援,搭配使用 瀏覽器列表 來管理這些瀏覽器版本。有關如何將這些工具集成到專案中的相關資訊,請參閱其文檔。

行動裝置

一般而言,Bootstrap 支援每種主要平台預設瀏覽器的最新版本。請注意,不支援代理瀏覽器(比如 Opera Mini、Opera Mobile Turbo mode、UC Browser Mini、Amazon Silk)。

Chrome Firefox Safari Android Browser & WebView
Android Supported Supported v6.0+
iOS Supported Supported Supported

桌面瀏覽器

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

Chrome Firefox Microsoft Edge Opera Safari
Mac Supported Supported Supported Supported Supported
Windows Supported Supported Supported Supported

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

非正式的來說,Bootstrap在 Chromium 和 Chrome(對於 Linux)和 Firefox(對於Linux)中應該看起來表現很好,儘管它們並未得到官方支持。

Internet Explorer

不支援 Internet Explorer。如果需要 Internet Explorer 的支援,請使用Bootstrap v4

行動瀏覽器上的互動視窗 (Modals) 和下拉式功能表 (dropdowns)

溢出和滾動

body 中支援 overflow: hidden; 的元素在 iOS 和 Android 上非常有限。因此,當您在使用這些裝置的瀏覽器中滾動瀏覽到頂部或底部時,body 內容將開始滾動。請參閱 Chrome bug #175502(在 Chrome v40 中已修復)和 WebKit bug #153852

iOS 文字方塊和滾動

在 iOS 9.2 上,當互動視窗開啟時,若最初的滾動手勢在 <input><textarea> 的區域內,互動視窗下的 <body> 內容會滾動,而互動視窗本身不滾動。參見 WebKit bug #153856

因為 z-index 的複雜性,.dropdown-backdrop 元素在 iOS 無法在導覽中正常使用。因此要關閉 Navbar 的下拉選單需要直接點擊下拉元件(或會在 iOS 觸發點擊事件的任何其他元素)。

瀏覽器縮放

頁面縮放必然在 Boostrap 和網頁其他部分的某些元件中造成渲染錯誤。根據問題,我們可能可以解決它。 然而,我們傾向於忽略這些,因為除了暴力的解決方法之外,它們往往沒有直接的解決方案。

驗證者

為了讓老舊的瀏覽器提供最好的體驗,Bootstrap 在幾個地方使用 CSS browser hacks 將特定的 CSS 套用到某些瀏覽器版本,以解決在瀏覽器本身的問題。這些 hacks 會使 CSS 驗證時讓它們無效。有幾個地方,我們還使用尚未完全標準化的 CSS 功能,但這些功能純粹用於漸進式增強。

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

由於我們包括了 某些 Firefox 錯誤的解決方法,因此我們的 HTML 文檔同樣具有一些瑣碎且無關緊要的 HTML 驗證警告。