浏览器和设备

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

通过 CSS 前缀，我们使用 Autoprefixer 来处理预期的浏览器支持，CSS前缀使用 Browserslist来管理这些浏览器版本。请参阅他们的文档，了解如何将这些工具集成到您的项目中。

移动设备

一般来说，Bootstrap 支持每个主要平台的默认浏览器的最新版本。请注意，不支持代理浏览器（例如 Opera Mini、Opera Mobile 的 Turbo 模式、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，除了最新的普通稳定版本外，我们还支持最新的扩展支持版本（ESR）版本的 Firefox。

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

IE浏览器

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

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

溢出和滚动

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

iOS 文本字段和滚动

从 iOS 9.2 开始，当模态处于打开状态时，如果滚动手势的初始触摸在文本 <input> 或 <textarea>, <body> 内容将滚动而不是模态本身。请参阅 WebKit bug #153856.

导航栏下拉列表

由于 z-index 的复杂性，在导航中的 iOS 上不使用 .dropdown-backdrop 元素。因此，要关闭导航栏中的下拉列表，您必须直接单击下拉列表元素（或在 iOS 中有触发单击事件的任何其他元素).

浏览器缩放

页面缩放不可避免地在某些组件中呈现伪影，无论是在 Bootstrap 还是在 Web 的其余部分。根据问题，我们也许能够修复它（先搜索，然后在需要时打开问题）。但是，我们倾向于忽略这些，因为它们除了黑客解决方法之外通常没有直接的解决方案。

验证器

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

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

我们的 HTML 文档同样有一些琐碎且无关紧要的 HTML 验证警告，因为我们包含某个 Firefox 错误的解决方法。