css - Safari 中的 Bootstrap @grid-float-breakpoint 问题

Question

我正在使用 Bootstrap 3.3.2。我构建网站的目标是让导航菜单始终可折叠，就像在移动 View 中一样。为了完成这个，我去了 bootstrap.com/customize 并将 @grid-float-breakpoint: 更改为 99999999px; 太大以至于它永远不会展开导航。这适用于除 Safari 之外的所有其他浏览器。在 Safari 浏览器中，我的导航标题图像出现了，但下拉菜单的图标消失了。

在 safari 中检查下拉图标的 css 时我发现:

    @media (min-width: 99999999px;){ 
    .navbar-toggle {
    display: none;
    }
    }

似乎 Safari 认为我的视口(viewport)实际上大于 99999999 像素。现在，简单的更改是将我的代码调整为 display: inline; 但是当我这样做时，它会将 .navbar-toggle 从网格系统中移除并且不灵活 react 灵敏。

任何对解决方案的帮助，或者如果有人知道这是一个错误问题，都会有很大帮助。我已经研究过与 @grid-float-breakpoint 相关的问题，但没有发现其他问题，这在前一段时间是 chrome 的一个问题，但后来已被修补。

谢谢

Answer 1

大概您指的是 http://crbug.com/375574 ，这显然仍然适用于 Safari 8。解决方案是为 @grid-float-breakpoint 使用一个不那么荒谬的高值。删除一个数字似乎就足够了:

@media (min-width: 999999999px) {

此外，我继续提交了一个 WebKit 错误:https://bugs.webkit.org/show_bug.cgi?id=141533