浏览器与设备调优
了解Bootstrap所支持的浏览器和设备(从现代的到旧的),包括每种浏览器和设备的已知缺陷和错误。
支持的浏览器
Bootstrap几乎支持所有主流操作系统上各浏览器的最新稳定版本。
使用最新版本WebKit、Blink或Gecko内核的第三方浏览器(如国产360安全/极速浏览器、搜狗浏览器、QQ浏览器、UCweb浏览器),无论是直接地还是通过Web API接口,虽然BootStrap官方没有针对性的开发支持,但在大多数情况下也都是完美兼容,不会影响视觉呈现和脚本运行。以下提供更具体的支持信息。
你可以在.browserslistrc
文件中找到支持的浏览器范围及其版本:
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
# needed since Legacy Edge still has usage; 79 was the first Chromium Edge version
# should be removed in the future when its usage drops or when it's moved to dead browsers
not Edge < 79
Firefox ESR
iOS >= 10
Safari >= 10
Android >= 6
not Explorer <= 11
使用 Autoprefixer 通过CSS前缀处理预期的浏览器支持,CSS前缀使用 Browserslist 来管理这些浏览器版本。参考他们的文档,了解如何将这些工具集成到项目中。
移动设备
Bootstrap支持主流移动OS的默认浏览器的最新版本。注意,不支持代理浏览器(如Opera Mini浏览器、 Opera Mobile’s Turbo 模式、 UCweb Mini浏览器、 Amazon Silk浏览器)。
Chrome | Firefox | Safari | Android Browser & WebView内置浏览器 | |
---|---|---|---|---|
Android安卓 | 支持 | 支持 | — | v6.0+ |
iOS苹果 | 支持 | 支持 | 支持 | — |
桌面浏览器
同样,支持大多数桌面浏览器的最新版本。
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | 支持 | 支持 | 支持 | 支持 | 支持 |
Windows | 支持 | 支持 | 支持 | 支持 | — |
对于Firefox火狐浏览器,除了最新的版本外,我们还支持Firefox浏览器最新的扩展支持版本 (ESR) 。
大多数情况下,Bootstrap在Linux和Chrome,以及Linux的Firefox中看起来和表现都很好,尽管它们没有得到官方的支持。
不再支持IE
作为全新的版本,Bootstrap 5 明确不再支持IE(Internet Explorer)浏览器。如需要兼容IE,请使用 Bootstrap v4。
移动设备的模态框和下拉组件
Overflow溢出和scroll滚动
支持 overflow: hidden;
;在<body>
中,元素在iOS和Android中的支持非常有限。