iOS 5.1中的SVG滞后与@ 2x PNG

Question

我有一个SVG sprite，我正在加载到我的常规和移动网站。 SVG是74kb。 当在新iPad（v3）iOS 5.1（9B176）上的正常站点中加载时，无论滚动还是缩放问题都为零。有24个实例显示部分精灵。

当我在iPhone 4 iOS 5.1（9B176）上将相同的SVG加载到移动网站时，当我抬起手指时，上下滚动显着滞后。如果我将手指放在屏幕上，则不存在滚动问题。只有16个实例显示部分精灵。如果我用@ 2x PNG替换SVG（152kb），我没有滚动问题。在移动网站上没有缩放，因为视口设置为user-scalable = 0。

我想知道这个问题会发生什么，以及为什么会发生这种情况。任何有识之士将不胜感激。

谢谢。

Answer 1

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