iphone - iOS Safari 图像渲染问题

Question

我在 iPad 上的 Safari 浏览器中遇到了一些非常奇怪的行为。

有一个大图像会重新缩放并根据方向改变位置。这可能不是重点，但它在肖像中很好，在风景中“ splinter ”。下面是它的损坏方式:

有一条大条纹水平穿过它。应用一些 CSS，我可以看到我实际上是通过条纹查看容器元素(通常大约 40 像素高，并且水平穿过图像)。

更令人困惑的是，当我尝试将代码连接到桌面并使用桌面 Safari 的 Web 检查器来检查代码时，会发生以下情况:我检查该元素甚至附近的元素，并且图像正确呈现，如下所示如果 iPad 上触发了某个事件。奇怪。

此外，在我只需触摸页面后，图像通常会正确呈现，而不会(据我所知)触发我的 JS 正在监听的事件。

哦，这种情况是在我将 iOS 从 6.0 更新到 6.1 后开始发生的。

我使用的是 iOS 6.1.2 和 Safari 8536.25。

我完全迷失了。有人能指出我正确的方向吗？

Answer 1

从这个问题和答案中找到答案:

iPad Safari scrolling causes HTML elements to disappear and reappear with a delay

*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}

我不明白，但它有效。