iOS Safari图像渲染问题

时间:2013-03-19 14:17:40

标签: iphone image ipad ios6 mobile-safari

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

有一张大图像会重新缩放,并会在方向变化时定位。这可能不是重点,但它在肖像方面很好,在风景中“破碎”。以下是它的破坏方式:

横向穿过一条大条纹。应用一些CSS,我可以看到我实际上是通过条纹查看容器元素(通常大约40像素高,并在图像上水平运行)。

为了让它更加令人费解,这就是当我尝试通过将代码连接到桌面并使用桌面Safari的Web检查器来检查代码时发生的情况:我检查元素甚至是附近的元素并且图像呈现正确,如如果在iPad上发生了某些事件。怪异。

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

哦,在我将iOS从6.0更新到6.1之后,这种情况就开始发生了。

我使用Safari 8536.25在iOS 6.1.2上。

我完全失去了。谁能指出我在这方面的正确方向?

1 个答案:

答案 0 :(得分:5)

答案,找到了这个问题和答案:

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

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

我不明白,但它确实有效。