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

Question

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

这里有一篇文章link，例如：

masonry article about apple watch on a wordpress site

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

• 我已经停用了所有插件，没有任何区别
• 我试过使用 position:absolute；在 div 项内，但块重叠
• 我试过垂直对齐：顶部；在 div 项中，没有区别

如有任何帮助，我们将不胜感激。真的被这个难住了...谢谢！

Answer 1

此样式：-webkit-backface-visibility: hidden; 在您的 .item class 中导致了 safari 中的问题。

Answer 2

正如@dcardoso 提到的，您的项目 class 具有背面可见性样式是导致问题的原因。似乎添加转换会强制 safari 正确呈现项目。

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