了解 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 官方支持的。
Bootstrap v5 版本不支持 IE 浏览器! 如果你需要支持 IE,请使用 Bootstrap v4 版本。
overflow: hidden;iOS 和 Android 对模态框元素的支持<body>非常有限。因此,当您在这些设备的浏览器中滚动到模态框的顶部或底部时,内容<body>会开始滚动。请参阅Chrome 浏览器错误 #175502(已在 Chrome v40 中修复)和WebKit 浏览器错误 #153852。
<input>从 iOS 9.2 开始,当模态框打开时,如果滚动手势的初始点击位置在文本框或元素的边界内<textarea>,<body>则会滚动模态框下方的内容,而不是模态框本身。参见WebKit 错误 #153856。
.dropdown-backdrop由于 z-index 的复杂性,iOS 导航栏中不使用下拉菜单元素。因此,要关闭导航栏中的下拉菜单,您必须直接点击下拉菜单元素(或任何其他会在 iOS 中触发点击事件的元素)。
页面缩放不可避免地会导致某些组件出现渲染瑕疵,无论是在 Bootstrap 还是其他 Web 组件中。根据具体问题,我们或许可以修复(建议先搜索相关信息,如有必要再提交 issue)。然而,我们通常会忽略这些问题,因为它们往往没有直接的解决方案,只能使用一些权宜之计。