浏览器 & 设备

浏览器和移动设备的支持情况.

了解 Bootstrap 所支持的新和旧的浏览器和设备,以及每种浏览器和设备的已知问题和 bug。

支持的浏览器

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

对于其它使用了最新版本的 WebKit、Blink 或 Gecko 内核的浏览器,或者直接或间接调用了平台的 web view API,都不是明确被支持的。但是,Bootstrap 应该(大多数情况下)在这些浏览器中是能够正常显示和运行的。下面列出了更具体地支持情况。

你可以在 .browserslistrc 文件 中找到 Bootstrap 所支持地浏览器及版本列表:

# 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 支持每个主要平台上的默认浏览器的最新版本。请主要,基于代理(proxy)模式的浏览器(例如 Opera Mini、Opera Mobile’s Turbo mode、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 浏览器,除了最新的常规稳定版本外,我们还支持最新的 Extended Support Release (ESR) 版本。

虽然 Bootstrap 在 Chromium、Linux 版 Chrome、Linux 版 Firefox 上也表现地很不错,但这些浏览器或版本是不被 Bootstrap 官方支持的。

IE 浏览器

Bootstrap v5 版本不支持 IE 浏览器! 如果你需要支持 IE,请使用 Bootstrap v4 版本。

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

溢出和滚动

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

iOS文本字段和滚动

<input>从 iOS 9.2 开始,当模态框打开时,如果滚动手势的初始点击位置在文本框或元素的边界内<textarea><body>则会滚动模态框下方的内容,而不是模态框本身。参见WebKit 错误 #153856。

导航栏下拉菜单

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

浏览器缩放

页面缩放不可避免地会导致某些组件出现渲染瑕疵,无论是在 Bootstrap 还是其他 Web 组件中。根据具体问题,我们或许可以修复(建议先搜索相关信息,如有必要再提交 issue)。然而,我们通常会忽略这些问题,因为它们往往没有直接的解决方案,只能使用一些权宜之计。