浏览器和设备

了解 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）。

	Chrome	火狐	苹果浏览器	安卓浏览器和WebView
安卓	支持的	支持的	—	v6.0+
iOS	支持的	支持的	支持的	—

桌面浏览器

同样，支持大多数桌面浏览器的最新版本。

	Chrome	火狐	微软Edge	Opera	苹果浏览器
苹果	支持的	支持的	支持的	支持的	支持的
Windows	支持的	支持的	支持的	支持的	—

对于 Firefox，除了最新的正常稳定版本外，我们还支持最新的Extended Support Release (ESR)版本的 Firefox。

非正式地，Bootstrap 在 Chromium 和 Linux 版 Chrome 以及 Linux 版 Firefox 中看起来和表现应该足够好，尽管它们没有得到官方支持。

IE浏览器

不支持 Internet Explorer。如果您需要 Internet Explorer 支持，请使用 Bootstrap v4。

移动设备上的模式和下拉菜单

溢出和滚动

在 iOS 和 Android 中对在<body>元素的overflow: hidden;支持非常有限。为此，当您在这些设备的任一浏览器的滚动模式中的顶部或底部时，<body>内容就会开始滚动。请参阅Chrome 错误 #175502（已在 Chrome v40 中修复）和WebKit 错误 #153852。

iOS 文本字段和滚动

从 iOS 9.2 开始，当模态框打开时，如果滚动手势的初始触摸位于文本<input>或<textarea>的边界内，模态框下方的<body>内容将被滚动，而不是模态框本身。请参阅WebKit 错误 #153856。

由于 z-indexing 的复杂性，该.dropdown-backdrop元素未在 iOS 的导航栏中上使用。因此，要关闭导航栏中的下拉菜单，您必须直接单击下拉元素（或点击任何其他将在 iOS 中可触发点击事件的元素）。

浏览器缩放

页面缩放不可避免地会在某些组件中呈现渲染瑕疵，无论是在 Bootstrap 还是网络的其余部分。根据问题，我们可能能够修复它（先搜索，然后在需要时打开问题）。然而，我们往往会忽略这些，因为除了 hacky workarounds 之外，它们通常没有直接的解决方案。

验证器

为了向旧的和有缺陷的浏览器提供最佳体验，Bootstrap 在多个地方使用CSS 浏览器 hack将特殊 CSS 定位到某些浏览器版本，以解决浏览器本身的缺陷。这些 hack 可以理解地导致 CSS 验证器抱怨它们无效。在一些地方，我们还使用了尚未完全标准化的前沿 CSS 功能，但这些功能纯粹用于渐进式增强。

这些验证警告在实践中并不重要，因为我们 CSS 的非 hacky 部分确实完全验证并且 hacky 部分不会干扰非 hacky 部分的正常运行，因此我们故意忽略这些特定警告。

我们的 HTML 文档同样有一些微不足道和无关紧要的 HTML 验证警告，因为我们包含了针对某个 Firefox 错误的解决方法。