css - flipInX 在较小的分辨率下无法按预期工作

Question

这个问题似乎只发生在 Safari 上(我在 9.0.2 版本上测试过)。

如果我将屏幕缩小到 565 像素宽度或更小，刷新页面，<article>我已经申请了flipInX在屏幕上闪烁并且不出现。

如果我删除 margin-bottom: 40px; CSS 来自 <article> block ，然后它工作。

这是 Safari 中的错误吗？

Example

Answer 1

我必须添加这个 CSS

.main {
    -webkit-transform: translateZ(60px);
}