Safari 上的砌体布局错误，使用 Wordpress 网站

Question

我被难住了。我在我的 Wordpress 网站上使用 Masonry，它在除 Safari 之外的所有主要浏览器上看起来都很好。

这里是文章链接，例如：

masonry article about apple watch on a wordpress site

在 Safari 上，所有 div 项都被压扁了，我不知道为什么。

• 我已停用所有插件，没有任何影响
• 我尝试过使用 position:absolute;在 div 项目内，但随后块重叠
• 我试过垂直对齐：顶部；在 div 项内，没有区别

任何帮助将不胜感激。真的难倒这个...谢谢！

Answer 1

正如@dcardoso 提到的，您的具有背面可见性样式的项目类导致了问题。似乎添加转换会强制 safari 正确渲染项目。

-webkit-transform: translate3d(0,0,0);

Answer 2

您的 .item 类中的这种样式：-webkit-backface-visibility: hidden; 导致了 safari 中的问题。