0

我将 Twitter Bootstrap 用于各种项目。

过去一切都很好，然后，出乎意料（很可能是在几个月前的 Chrome 更新之后），在 Ubuntu 上的 Chrome 中查看以进行开发时，所有布局都崩溃了。

我使用 Twitter Bootstrap 网格系统的布局曾经非常可爱。然后他们不是，最右边的列下降到它的兄弟姐妹之下。

Twitter Bootstrap 流体布局使用基于百分比的宽度，例如 2.3.2 中的这个：

.row-fluid .span4 {
  width: 31.623931623931625%;
  *width: 31.570740134569924%;
}

惊人的！

嗯，几乎很棒。

在 Windows 中的 Chrome、我的 Nexus 4 和 Nexus 7 上，东西渲染得很好，但在 Ubuntu 中的 Chrome 上却没有。我不认为这是 Ubuntu 特有的东西（例如奇怪大小的字体），因为 Firefox 中的东西非常完美。

这是在 12.10 上的 Chrome 28 下呈现的示例网格布局之一：

在此处输入图像描述

在同一台机器上的 Firefox 18 下也是如此：

在此处输入图像描述

我可以为我自己的网站解决这个问题（并且已经完成）。但是对于我在 Chrome 下的主 Ubuntu 机器上查看的其他基于 Bootstrap 的站点来说，这有点麻烦。

问题：

  • 我要疯了吗（又名就是我）？
  • 我应该检查 Chrome 中的任何设置，以便我可以让基于 Bootstrap 的布局像其他已知世界一样工作？
4

0 回答 0