Safari 列渲染错误

Question

Safari 7 和 8 似乎错误地呈现了我的网站 (https://unindented.org/) 右栏中的元素标题：

我只是在容器上做以下事情：

-webkit-column-count: 2;
   -moz-column-count: 2;
        column-count: 2;
-webkit-column-width: auto;
   -moz-column-width: auto;
        column-width: auto;

是否有解决此错误的方法？

Answer 1

这里有两个选择：

1. 从header 元素中删除overflow: hidden。
2. 从您的header 中删除border-radius 属性

我希望我能告诉你为什么这些会起作用。但是 Safari 的 webkit 实现有时几乎和 IE 一样糟糕。