logoOutUI

⌘ K
  • 指南
  • 组件
  • 工具类
  • 其他
v5.3.x
  • 指南
    • 介绍
    • 安装
    • 项目结构
    • 浏览器兼容性
    • RTL
最后更新时间：
项目结构RTL
Copyright © 2021-present 粤ICP备2021136339号
‌
‌
‌
‌

浏览器和设备兼容性

了解 Bootstrap 支持的浏览器和设备，以确保你的网站在各种设备和浏览器上都能完美运行。

兼容性

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

Bootstrap 支持以下浏览器和平台：

不明确支持使用最新版本的 WebKit、Blink 或 Gecko 的替代浏览器，无论是直接使用还是通过平台的 Web 视图 API。但是，Bootstrap（在大多数情况下）也应该在这些浏览器中正确显示和运行。下面提供了更具体的支持信息。

你可以在我们的 .browserslistrc file 中找到我们支持的浏览器范围及其版本：

# 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 来管理这些浏览器版本。请查阅他们的文档，了解如何将这些工具集成到你的项目中。

桌面浏览器

大多数桌面浏览器的最新版本都受支持

Edge
Edge		Firefox
Firefox		Chrome
Chrome		Safari
Safari		Opera
Opera		Electron
Electron
MacSupportedSupportedSupportedSupportedSupportedSupported
WindowSupportedSupportedSupportedSupported—Supported

对于 Firefox，除了最新的正常稳定版本外，我们还支持最新的 扩展支持版本 (ESR) 版本的 Firefox。

非官方的说法是，Bootstrap 在 Chromium 和 Chrome for Linux 以及 Firefox for Linux 中的外观和行为应该足够好，尽管它们没有得到官方支持。

移动设备

一般来说，Bootstrap 支持各大平台默认浏览器的最新版本。请注意，不支持代理浏览器（例如 Opera Mini、Opera Mobile 的 Turbo 模式、UC Browser Mini、Amazon Silk）。

Firefox
Firefox		Chrome
Chrome		Safari
Safari		 Android Browser & WebView
Android Browser & WebView
AndroidSupportedSupported—v6.0+
iOSSupportedSupportedSupported—

IE 浏览器

不支持 Internet Explorer。如果你需要 Internet Explorer 支持，请使用 Bootstrap v4。

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

溢出和滚动

在 iOS 和 Android 中，<body> 元素对 overflow: hidden; 的支持相当有限。为此，当你在这些设备的浏览器中滚动经过模式的顶部或底部时，<body> 内容将开始滚动。请参阅 Chrome 错误 #175502（在 Chrome v40 中修复）和 WebKit 错误 #153852。

iOS 文本字段和滚动 从 iOS 9.2 开始，当模式打开时，如果滚动手势的初始触摸位于文本 <input> 或 <textarea> 的边界内，则模式下方的 <body> 内容将滚动，而不是模式本身。参见 WebKit 错误 #153856。

导航栏下拉菜单

由于 z 索引的复杂性，iOS 上的导航中未使用 .dropdown-backdrop 元素。因此，要关闭导航栏中的下拉菜单，你必须直接单击下拉元素（或 在 iOS 中将触发点击事件的任何其他元素）。

浏览器缩放

页面缩放不可避免地会在 Bootstrap 和 Web 的其他部分中的某些组件中出现渲染伪影。根据问题，我们也许能够修复它（首先搜索，然后根据需要打开问题）。然而，我们往往会忽略这些，因为除了一些古怪的解决方法之外，它们通常没有直接的解决方案。

验证者

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

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

由于我们包含了 某个 Firefox 错误 的解决方法，我们的 HTML 文档同样有一些琐碎且无关紧要的 HTML 验证警告。