iOS Safari 图像渲染问题

Question

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

有一个大图像会在方向更改时重新缩放和定位。这可能是题外话，但它在纵向和横向“破碎”很好。以下是它的损坏方式：

有一条横穿它的大条纹。应用一些 CSS，我可以看到我实际上是通过条纹查看容器元素（通常大约 40 像素高，并在图像上水平运行）。

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

此外，图像通常会在我简单地触摸页面后正确呈现，而不会（据我所知）触发我的 JS 正在侦听的事件。

哦，这开始发生在我将 iOS 从 6.0 更新到 6.1 之后。

我使用的是带有 Safari 8536.25 的 iOS 6.1.2。

我完全不知所措。谁能在这里指出我正确的方向？

Answer 1

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

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

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

我不明白，但它有效。