javascript - 使用 Wordpress 网站时 Safari 上的砖石布局错误

Question

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

这里是文章链接，例如:

masonry article about apple watch on a wordpress site

在 Safari 上，div 项目全部被压扁，我不知道为什么。

• 我已经停用了所有插件，没有什么区别
• 我尝试过使用position:absolute;在 div 项目内，但随后 block 重叠
• 我尝试过垂直对齐:顶部；在 div 项目内，没有区别

如有任何帮助，我们将不胜感激。真的很难过这个...谢谢!

Answer 1

正如 @dcardoso 提到的，具有 backface-visibility 样式的项目类导致了该问题。看来添加变换会强制 safari 正确渲染该项目。

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