Bootstrap 支持的设备

标签: Bootstrap 起步

了解Bootstrap支持的浏览器和设备。


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

  • Windows上Internet Explorer 10-11 / Microsoft Edge。
  • WebKit,Blink或Gecko内核的不论是直接使用浏览器或者通过对应平台的webview都未明确支持。但是Bootstrap应该能在这些浏览器中正确显示和运行(在大多数情况下)。

下面提供了更具体的支持信息。

支持的浏览器范围:

# https://github.com/browserslist/browserslist#readme

>= 1%
last 1 major version
not dead
Chrome >= 45
Firefox >= 38
Edge >= 12
Explorer >= 10
iOS >= 9
Safari >= 9
Android >= 4.4
Opera >= 30

我们使用Autoprefixer通过CSS前缀处理预期的浏览器。有关如何将这些工具集成到项目中的信息,请参阅其文档以及Browserslist

移动设备

一般来说,Bootstrap支持所有主流系统默认浏览器的最新版本。但是请注意,代理浏览器(如Opera Mini,Opera Mobile的Turbo模式,UC Browser Mini,Amazon Silk)是不支持的。

桌面浏览器

同样的,支持大多数主流桌面端浏览器的最新版本。

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

Bootstrap应该可以在Chromium和Chrome for Linux,Firefox for Linux和Internet Explorer 9中运行良好,尽管官方未宣称正式支持他们。

有关Bootstrap的已知Bug,请参阅此处

IE浏览器

支持Internet Explorer 10+; 不支持IE9及其以下版本。

请注意,IE10中某些CSS3属性和HTML5元素支持不完全,或者需要前缀属性才能获得完整功能。

访问此处了解有关CSS3和HTML5功能的浏览器支持信息。

如果你需要支持IE8-9,请使用Bootstrap 3。

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

Overflow and scrolling

在iOS和Android上 ,<body>overflow: hidden;的支持非常有限。因此,当你滚动模态窗口到顶部或底部时,<body>中的内容将开始滚动。请参阅Chrome bug#175502(已在Chrome v40中修复)和WebKit bug#153852

iOS文本滚动

从iOS 9.2开始,当模态窗口打开时,如果滚动手势的初始触摸位置位于文本<input>或a 的边界内<textarea> ,滚动时<body>下面的内容将被滚动而不是模态窗口本身。请参阅WebKit bug#153856

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

浏览器缩放

Bootstrap某些组件和Web中其他部分可能会出现缩放问题。根据问题,我们可以修复它(利用搜索引擎)。但是我们倾向于忽略这些问题,因为它们通常没有直接的解决方案除了一些曲线救国的方法。

iOS中的:hover/ :focus

虽然移动端设备无法实现:hover,但iOS会模仿此行为,所以“粘性”悬停样式在点击一个元素后仍然存在。只有当用户点击其他元素时,才会删除这些样式。这种行为在很大程度上被认为是不受欢迎的,并且在Android或Windows设备上不存在这个问题。

在v4 alpha和beta版本中,我们添加了不完整和注释掉的代码,禁用触摸设备浏览器中的悬停样式。这项功能从未完全启用,为了避免损害,我们选择弃用此填充程序

打印

即使在一些现代浏览器中,打印行为也可能很古怪。

从Safari v8.0开始,使用固定宽度.container类可能会导致Safari在打印时使用非常小的字体大小。有关详细信息,请参阅bug#14868WebKit bug#138192。一个可能的解决方法如下:

@media print {
  .container {
    width: auto;
  }
}

错误警告

为了给旧的浏览器提供最好的体验,Bootstrap 在几个地方使用CSS browser hacks 处理一些浏览器兼容问题。这些黑科技,它不是很标准的用法但是能解决问题。

某些地方导致验证警告但这无关紧要,因为我们非黑科技部分的css完全通过了验证,因此我们故意忽略这些特定警告。


本文由 巨应教程  原创出品,转载请标明出处。