跳至主要內容 跳至文件導覽

瀏覽器與裝置(Browsers & devices)

了解 Bootstrap 支援的瀏覽器和裝置,從現代到舊版,包括各自已知的怪癖和錯誤。

支援的瀏覽器(Supported browsers)

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

使用最新版本 WebKit、Blink 或 Gecko 的替代瀏覽器,無論是直接使用還是透過平台的 web view API,都不是明確支援的。然而,Bootstrap 在這些瀏覽器中(在大多數情況下)應該也能正確顯示和運作。更具體的支援資訊如下。

您可以在我們的 .browserslistrc 檔案中找到我們支援的瀏覽器及其版本範圍:

# 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
not kaios <= 2.5 # fix floating label issues in Firefox (see https://github.com/postcss/autoprefixer/issues/1533)

我們使用 Autoprefixer 透過 CSS 前綴來處理預期的瀏覽器支援,它使用 Browserslist 來管理這些瀏覽器版本。請參閱它們的文件,了解如何將這些工具整合到您的專案中。

行動裝置(Mobile devices)

一般來說,Bootstrap 支援每個主要平台預設瀏覽器的最新版本。請注意,代理瀏覽器(如 Opera Mini、Opera Mobile 的 Turbo 模式、UC Browser Mini、Amazon Silk)不受支援。

ChromeFirefoxSafariAndroid Browser & WebView
Android支援支援v6.0+
iOS支援支援支援

桌面瀏覽器(Desktop browsers)

同樣地,大多數桌面瀏覽器的最新版本都受到支援。

ChromeFirefoxMicrosoft EdgeOperaSafari
Mac支援支援支援支援支援
Windows支援支援支援支援

對於 Firefox,除了最新的正常穩定版本外,我們還支援 Firefox 的最新延伸支援版本(ESR)

非官方地,Bootstrap 在 Linux 上的 Chromium 和 Chrome,以及 Linux 上的 Firefox 中,外觀和行為應該都足夠良好,儘管它們不是官方支援的。

Internet Explorer

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

行動裝置上的互動視窗和下拉選單(Modals and dropdowns on mobile)

溢位和捲動(Overflow and scrolling)

在 iOS 和 Android 上,<body> 元素對 overflow: hidden; 的支援相當有限。因此,當您在這些裝置的瀏覽器中捲動超過互動視窗的頂部或底部時,<body> 內容將開始捲動。請參閱 Chrome bug #175502(已在 Chrome v40 中修復)和 WebKit bug #153852

iOS 文字欄位和捲動(iOS text fields and scrolling)

從 iOS 9.2 開始,當互動視窗開啟時,如果捲動手勢的初始觸控位於文字 <input><textarea> 的範圍內,互動視窗下方的 <body> 內容將被捲動,而不是互動視窗本身。請參閱 WebKit bug #153856

由於堆疊順序的複雜性,.dropdown-backdrop 元素在 iOS 的導覽中未被使用。因此,要關閉導覽列中的下拉選單,您必須直接點擊下拉選單元素(或任何其他會在 iOS 中觸發點擊事件的元素)。

瀏覽器縮放(Browser zooming)

頁面縮放不可避免地會在某些元件中產生渲染問題,無論是在 Bootstrap 還是網頁的其他部分。根據問題的不同,我們可能可以修復它(請先搜尋,如有需要再開啟 issue)。然而,我們傾向於忽略這些問題,因為它們通常除了使用變通方法外沒有直接的解決方案。

驗證器(Validators)

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

這些驗證警告在實際使用中並不重要,因為我們 CSS 的非 hack 部分完全通過驗證,而 hack 部分不會干擾非 hack 部分的正常運作,因此我們故意忽略這些特定的警告。

我們的 HTML 文件同樣有一些微不足道且無關緊要的 HTML 驗證警告,這是由於我們包含了針對某個 Firefox 錯誤的變通方法。