html - Safari中忽略了CSS列属性？

我正在使用以下CSS属性。

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

它在大多数浏览器中都能正常工作，但是我明确必须支持Safari-5.0.x。在此浏览器中，内容按预期显示在两列中，但是125px的宽度被视为绝对大小！因此，这两列的宽度仅为125px，而不是使用页面的50％。

我该如何解决？

我注意到的是：删除了固定数量的列解决了该问题，但是我明确希望将列数限制为两两，即125px大小。

更新：
有趣的是，如果我仅更改以下行，它将起作用：

  -webkit-columns: 3 125px;

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

最佳答案

我建议使用Bootstrap网格系统，这是最有效的。特别是MOZ列仅适用于受支持的浏览器，建议所有版本的浏览器都使用Bootstrap。