ios - iOS 5.1 中的 SVG 滞后于 @2x PNG

Question

我有一个 SVG Sprite ，我正在将其加载到我的常规网站和移动网站中。 SVG 为 74kb。当在 New iPad(v3) iOS 5.1(9B176) 的正常站点中加载时，无论如何都存在零滚动和缩放问题。有 24 个实例显示了 Sprite 的一部分。

当我将相同的 SVG 加载到 iPhone 4 iOS 5.1(9B176) 上的移动网站时，当我抬起手指时，上下滚动时出现明显的延迟。如果我将手指留在屏幕上，则不会出现滚动问题。只有 16 个实例显示了 Sprite 的一部分。如果我用 @2x PNG (152kb) 替换 SVG，我没有滚动问题。在移动网站上没有缩放，因为视口(viewport)设置为 user-scalable=0。

我想知道问题可能是什么以及为什么会发生这种情况。任何见解将不胜感激。

谢谢。

Answer 1

一旦我添加 CSS 变换或黑脸可见性，它就会开始闪烁，并在重绘时在缩放/滚动结束时滞后。因此，请尝试删除页面上的任何 CSS 动画，看看它是否有任何影响。