【发布时间】：2012-04-28 23:24:20
【问题描述】：
我有一个 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。
我想知道问题可能是什么以及为什么会发生这种情况。任何见解将不胜感激。
谢谢。
【问题讨论】：
-
74kb 对于 SVG 来说是相当大的。它可能非常复杂。
-
谢谢@GlennHowes。自从这篇文章以来，我已经设法进行了大量更新。这不再是问题。
标签： ios webkit svg png retina-display