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

了解 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,这些浏览器自身并不具备完整的页面渲染能力)是不被支持的。

ChromeFirefoxSafariAndroid Browser & WebView
Android支持支持v6.0+
iOS支持支持支持

桌面浏览器

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

ChromeFirefoxMicrosoft EdgeOperaSafari
Mac支持支持支持支持支持
Windows支持支持支持支持

对于 Firefox 浏览器,除了最新的常规稳定版本外,我们还支持最新的 Extended Support Release (ESR) 版本。

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

IE 浏览器

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

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

溢出和滚动

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

iOS 文本字段和滚动

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

导航栏下拉菜单

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

浏览器缩放

页面缩放不可避免地会在某些组件中呈现渲染工件,无论是在 Bootstrap 还是在 Web 的其余部分。根据问题,我们或许能够修复它(先搜索,然后在需要时打开问题)。然而,我们往往会忽略这些,因为它们通常没有直接的解决方案。只能用一些hacky方法才能解决。

验证器

为了给旧的和有问题的浏览器提供最佳体验,Bootstrap在几个地方使用CSS browser hacks,将特殊 CSS 定位到某些浏览器版本,以便解决浏览器本身的错误。这些 hack 导致 CSS 验证器抱怨它们是无效的,这是可以理解的。在一些地方,我们还使用了尚未完全标准化的前沿 CSS 功能,但这些功能仅用于渐进式增强。

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

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

作者:冒牌SEO,如若转载,请注明出处:https://www.web176.com/bootstrap5/22567.html

(0)
打赏 支付宝 支付宝 微信 微信
冒牌SEO冒牌SEO
上一篇 2023年5月24日
下一篇 2023年5月24日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注