我正在构建一个网站并主要在 Chrome 上对其进行测试，间歇性地检查它是否仍然可以在 Firefox 上运行。
我想，由于 Chrome 和 Safari 都在 WebKit 上运行，它们会以相同的方式呈现网站。但事实并非如此。
我在 Safari 上检查该网站，我注意到我的菜单栏使用了一个无序列表column-count（两者都-moz-具有-webkit-相同的值），并注意到列的填充之间存在差异。
Chrome 似乎均匀地填充列，而 Safari 只是一一填充列。下面的图片说明了这一点。
铬呈现：
Safari 呈现：
我非常喜欢 Chrome 呈现列的方式，所以我想知道是否有办法强制 Safari 以这种方式呈现网站，可能html根本不改变布局。
注意： Firefox 的渲染与 Chrome 相同，无需修复。我不是为 IE 开发的，所以我不知道它是如何呈现的。
我有同样的问题，但min-height不起作用。我在 Bootstrap .col-md-12 容器上设置了列数，这对我来说是个问题。
我添加了一个具有所需类的子 div，它运行良好
添加min-height到<ul>似乎可以解决问题
nav ul { ... min-height:50px; } /* < add */
在 PC 版 Safari 5.1.7 (7534.57.2) 上测试
这里也引用了错误：http: //css-tricks.com/forums/discussion/12904/safari-5-1-multi-column-bug-extra-columns-appear-/p1
我在 Safari 上显示高度为 1px 的列内容时遇到了类似的问题。我在元素中添加了“最小高度：100%”，一切看起来都很好。我在 body/html 和包含元素上也有“高度：100%”，假设这是我让它正常工作的方式。