瀏覽器和裝置

瞭解 Bootstrap 支援的瀏覽器和裝置，從現代到舊版，包括每個裝置已知的怪異行為和錯誤。

在此頁面上

支援的瀏覽器

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

未明確支援使用最新版 WebKit、Blink 或 Gecko 的替代瀏覽器，無論是直接使用還是透過平台的網路檢視 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

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

行動裝置

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

	Chrome	Firefox	Safari	Android 瀏覽器和 WebView
Android	支援	支援	—	v6.0+
iOS	支援	支援	支援	—

桌面瀏覽器

類似地，支援大多數桌面瀏覽器的最新版本。

	Chrome	Firefox	Microsoft Edge	Opera	Safari
Mac	支援	支援	支援	支援	支援
Windows	支援	支援	支援	支援	—

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

非官方地，Bootstrap 在 Linux 的 Chromium 和 Chrome，以及 Linux 的 Firefox 中應能有良好的外觀和行為，儘管它們沒有得到官方支援。

Internet Explorer

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

行動裝置上的對話方塊和下拉選單

溢位和捲動

iOS 和 Android 中 <body> 元素上對 overflow: hidden; 的支援相當有限。因此，當你在這些裝置的瀏覽器中捲動超過 modal 的頂端或底端時，<body> 內容將會開始捲動。請參閱 Chrome 錯誤 #175502（已在 Chrome v40 中修正）和 WebKit 錯誤 #153852。

iOS 文字欄位和捲動

從 iOS 9.2 開始，當 modal 開啟時，如果捲動手勢的初始觸摸在文字 <input> 或 <textarea> 的邊界內，modal 下方的 <body> 內容將會捲動，而不是 modal 本身。請參閱 WebKit 錯誤 #153856。

由於 z-index 的複雜性，.dropdown-backdrop 元素並未在導覽列中使用。因此，若要關閉導覽列中的下拉選單，你必須直接按一下下拉選單元素（或任何其他會在 iOS 中觸發按一下事件的元素）。

瀏覽器縮放

頁面縮放不可避免地會在某些元件中呈現出渲染偽影，無論是在 Bootstrap 中或是在網路的其他部分。我們可能會根據問題來修正它（請先搜尋，然後在需要時開啟一個問題）。然而，我們傾向於忽略這些問題，因為它們通常沒有直接的解決方案，只能透過破解的方式解決。

驗證器

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

這些驗證警告在實務上並不重要，因為我們 CSS 的非駭客部分確實可以完全驗證，而駭客部分不會干擾非駭客部分的正常運作，因此我們故意忽略這些特定警告。

我們的 HTML 文件也有一些微不足道且無關緊要的 HTML 驗證警告，因為我們包含了某個 Firefox 錯誤的解決方法。