css - 为什么 Safari 以不同方式呈现 CSS 多列布局？

Question

我正在 build a website并主要在 Chrome 上测试它，间歇性地检查它是否仍然可以在 Firefox 上运行。

我认为，由于 Chrome 和 Safari 都在 WebKit 上运行，因此它们会呈现相同的网站。但事实并非如此。

我在 Safari 上检查该网站，我注意到我的菜单栏使用了一个无序列表和 column-count(-moz- 和 -webkit- 具有相同的值)，并注意到列的填充之间存在差异。

Chrome 似乎均匀地填充列，而 Safari 只是一列一列地填充。下面的图片说明了这一点。

Chrome 渲染:

Safari 呈现:

我非常喜欢 Chrome 呈现列的方式，所以我想知道是否有一种方法可以强制 Safari 以这种方式呈现网站，可能根本不改变 html 布局。

注意:Firefox 的呈现方式与 Chrome 相同，无需修复。我不是为 IE 开发，所以我不知道它是如何呈现的。

Answer 1

我遇到了同样的问题，但 min-height 不起作用。我在 Bootstrap .col-md-12 容器上设置了列数，这对我来说是个问题。

我添加了一个带有所需类的子 div，它运行良好