我被难住了。我在我的 Wordpress 网站上使用 Masonry,它在除 Safari 之外的所有主要浏览器上看起来都很好。
这里是文章链接,例如:
masonry article about apple watch on a wordpress site
在 Safari 上,div 项目全部被压扁,我不知道为什么。
- 我已经停用了所有插件,没有什么区别
- 我尝试过使用position:absolute;在 div 项目内,但随后 block 重叠
- 我尝试过垂直对齐:顶部;在 div 项目内,没有区别
如有任何帮助,我们将不胜感激。真的很难过这个...谢谢!
最佳答案
正如 @dcardoso 提到的,具有 backface-visibility 样式的项目类导致了该问题。看来添加变换会强制 safari 正确渲染该项目。
-webkit-transform: translate3d(0,0,0);
关于javascript - 使用 Wordpress 网站时 Safari 上的砖石布局错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30643302/