Bootstrap V5.3 中文手册

浏览器和设备

了解 Bootstrap 支持的浏览器和设备(从现代到旧),包括每个浏览器和设备的已知怪癖和错误。

支持的浏览器 

Bootstrap 支持所有主要浏览器和平台的最新稳定版本

不明确支持使用最新版本的 WebKit、Blink 或 Gecko 的替代浏览器,无论是直接还是通过平台的 Web 视图 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 前缀处理预期的浏览器支持,CSS 前缀使用 Browserslist 来管理这些浏览器版本。请参阅他们的文档,了解如何将这些工具集成到您的项目中。

移动设备 

一般来说,Bootstrap 支持各大平台默认浏览器的最新版本。请注意,不支持代理浏览器(如 Opera Mini、Opera Mobile 的 Turbo 模式、UC Browser Mini、Amazon Silk)。

火狐野生动物园Android 浏览器和 WebView
人造人支持支持v6.0+
iOS系统支持支持支持

桌面浏览器 

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

火狐Microsoft Edge歌剧野生动物园
苹果支持支持支持支持支持
窗户支持支持支持支持

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

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

互联网浏览器 

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

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

溢出和滚动 

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

iOS 文本字段和滚动 

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

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

浏览器缩放 

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

验证者 

为了给旧的和有缺陷的浏览器提供最佳体验,Bootstrap 在多个地方使用 CSS 浏览器黑客攻击,将特殊的 CSS 定位到某些浏览器版本,以解决浏览器本身的错误。这些黑客攻击导致 CSS 验证者抱怨它们无效,这是可以理解的。在几个地方,我们还使用尚未完全标准化的尖端 CSS 功能,但这些功能纯粹用于渐进式增强。

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

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