浏览器和设备支持
浏览器和移动设备的支持情况,了解 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 | 支持 | 支持 | — | v6.0+ |
iOS | 支持 | 支持 | 支持 | — |
桌面浏览器
同样,大多数桌面浏览器的最新版本是被支持的。
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | 支持 | 支持 | 支持 | 支持 | 支持 |
Windows | 支持 | 支持 | 支持 | 支持 | — |
对于 Firefox 浏览器,除了最新的常规稳定版本外,我们还支持最新的 Extended Support Release (ESR) 版本。
虽然 Bootstrap 在 Chromium、Linux 版 Chrome、Linux 版 Firefox 上也表现地很不错,但这些浏览器或版本是不被 Bootstrap 官方支持的。
IE 浏览器
Bootstrap v5 版本不支持 IE 浏览器! 如果你需要支持 IE,请使用 Bootstrap v4 版本。
移动设备上的模态框和下拉列表
溢出和滚动
支持overflow: hidden;
;<body>
元素在iOS和Android中非常有限。为此,当您在这些设备的浏览器中滚动过某个模式的顶部或底部时,<body>
内容将开始滚动。请参阅 Chrome bug #175502 (fixed in Chrome v40)
and WebKit bug #153852。
iOS文本字段和滚动
从iOS 9.2开始,当模式打开时,如果滚动手势的初始触碰在文本<input>
或 <textarea>
的边界内,则模式下的
导航栏下拉列表
由于z索引的复杂性,nav中的iOS上不使用.dropdown-backdrop
元素。因此,要关闭navbars中的下拉列表,必须直接单击dropdown元素(或在iOS中触发click事件的任何其他元素)。
浏览器缩放
页面缩放不可避免地会在某些组件中出现呈现工件,包括引导和web的其余部分。根据问题的不同,我们可能能够修复它(首先搜索,然后根据需要打开一个问题)。然而,我们倾向于忽略这些,因为它们通常没有直接的解决方案,除了黑客的变通方法。
验证器
为了给老的和有缺陷的浏览器提供最好的体验,Bootstrap在几个地方使用CSS浏览器黑客将特定的CSS定位到特定的浏览器版本,以解决浏览器本身的缺陷。这些黑客攻击导致CSS验证器抱怨它们是无效的,这是可以理解的。在一些地方,我们还使用了尚未完全标准化的前沿CSS特性,但这些特性纯粹用于渐进增强。
这些验证警告在实践中并不重要,因为我们的CSS的非hacky部分确实会完全验证,并且hacky部分不会干扰非hacky部分的正常功能,因此我们故意忽略这些特定警告的原因。
我们的HTML文档同样有一些无关紧要的HTML验证警告,因为我们包含了一个针对 某个Firefox bug的解决方案。