Safari中忽略了CSS列属性？

Question

我正在使用以下CSS属性。

  -webkit-columns: 2 125px;
     -moz-columns: 2 125px;
          columns: 2 125px;

在大多数浏览器中都可以正常使用，但我必须支持Safari-5.0.x。在此浏览器中，内容按预期显示在两列中，但125px的宽度视为绝对大小！因此，两列各自只有125像素宽，而不是使用50％的页面。

我该如何解决这个问题？

我注意到：删除固定数量的列修复了问题，但我明确希望将列的数量限制为两个bejond 125px大小。

更新： 有趣的是，如果我仅更改以下行，则有效：

  -webkit-columns: 3 125px;

结果：2（！）列显示在safari中，它们按预期对齐（内容扩展到容器大小）。有人知道为什么吗？

Answer 1

我建议使用Bootstrap网格系统，它是最有效的。特别是MOZ Columns可能只适用于支持的浏览器，建议所有版本的浏览器使用Bootstrap。