1

我有一个 SVG 精灵，我正在加载到我的常规网站和移动网站中。SVG 为 74kb。在 New iPad(v3) iOS 5.1(9B176) 上的正常站点中加载时，滚动和缩放问题为零。有 24 个实例显示了精灵的一部分。

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

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

谢谢你。

4

1 回答 1

1

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

于 2012-10-26T14:31:11.507 回答