Skip to main content Skip to docs navigation

浏览器和设备

了解Bootstrap支持的浏览器和设备,从现代到老式,包括每种浏览器和设备的已知怪癖和错误。

支持的浏览器

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

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

您可以在 in our .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以管理这些浏览器版本。 请查阅他们的文档,了解如何将这些工具集成到您的项目中。

移动设备

一般来说,Bootstrap支持每个主要平台的默认浏览器的最新版本。 请注意,不支持代理浏览器(如Opera Mini、Opera Mobile的Turbo模式、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,除了最新的正常稳定版本外,我们还支持最新的扩展支持版本(ESR)Firefox版本。

非正式地说,Bootstrap在Chromium和Chrome Linux版以及Firefox Linux版中的外观和行为应该足够好,尽管它们没有得到官方支持。

Internet Explorer

不支持Internet Explorer。 如果您需要Internet Explorer支持,请使用Bootstrap v4

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

Overflow 和 scrolling

支持 overflow: hidden; 在iOS和Android中,’‘元素上的内容非常有限。 为此,当您在其中一个设备的浏览器中滚动经过模态的顶部或底部时,<body>内容将开始滚动。 请参阅 Chrome bug #175502 (fixed in Chrome v40) 和WebKit bug#153852

iOS文本字段和滚动

从iOS 9.2开始,当模式打开时,如果滚动手势的初始触摸在文本<input><textarea>的边界内,则模式下的<body>内容将滚动,而不是模式本身。 请参阅WebKit bug#153556.

导航栏下拉菜单

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

浏览器缩放

页面缩放不可避免地会在Bootstrap和web的其他部分中的某些组件中显示渲染工件。 根据问题的不同,我们可能会解决它(如果需要,先搜索,然后打开问题)。 然而,我们倾向于忽略这些问题,因为它们通常除了简单的变通方法之外没有直接的解决方案。

验证器

为了给旧的和有漏洞的浏览器提供尽可能好的体验,Bootstrap使用了CSS浏览器黑客在几个地方,将特殊的CSS定位到某些浏览器版本,以便解决浏览器本身的错误。 可以理解的是,这些黑客行为导致CSS验证器校验提示。 在一些地方,我们还使用了尚未完全标准化的出血边缘CSS功能,但这些功能纯粹用于渐进增强。

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

我们的HTML文档同样也有一些琐碎和无关紧要的HTML验证警告,因为我们包含了[某个Firefox错误]的解决方法(https://bugzilla.mozilla.org/show_bug.cgi?id=654072).