跳到主要内容 跳到文档导航
Check
in English

浏览器和设备

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

铬合金 火狐 苹果浏览器 Android 浏览器和 Web 视图
安卓 支持的 支持的 v6.0+
iOS 支持的 支持的 支持的

桌面浏览器

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

铬合金 火狐 微软边缘 歌剧 苹果浏览器
苹果电脑 支持的 支持的 支持的 支持的 支持的
视窗 支持的 支持的 支持的 支持的

对于 Firefox,除了最新的正常稳定版本外,我们还支持最新的扩展支持版本 (ESR)版本的 Firefox。

非正式地,Bootstrap 在 Chromium 和 Chrome for Linux 以及 Firefox for Linux 中的外观和行为应该足够好,尽管它们不受官方支持。

IE浏览器

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

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

溢出和滚动

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

iOS 文本字段和滚动

从 iOS 9.2 开始,当 modal 打开时,如果滚动手势的初始触摸在 textual<input>或 a的边界内<textarea>,则将滚动 modal 下面的<body>内容而不是 modal 本身。请参阅WebKit 错误 #153856

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

浏览器缩放

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

验证器

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

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

由于我们包含了针对某个 Firefox 错误的解决方法,我们的 HTML 文档同样有一些琐碎和无关紧要的 HTML 验证警告。