Javascript IPad Safari上的CSS3转换缩放问题

我正在使用javascript中的CSS3 Transform:scale（）属性动态缩放iframe

缩放工作正常，但页面超链接不再可点击

当我长按链接时，在其他地方会出现一个灰色矩形

注意：链接位于页面中的“绝对”位置

---

请提供帮助。

将-webkit转换应用于iframe时，在iOS6上的Safari中会出现此问题。它不会出现在iOS 7或iOS上的Chrome中

看起来，尽管内容在视觉上进行了缩放，但它认为锚点仍处于其原始位置（您看到的灰色框是锚点上的单击效果）

将其应用于iframe文档的主体可以解决问题，同时产生相同的视觉效果

而不是这个： css（'-webkit transform'，'scale（0.5）'）

这样做：

---

$（iframeControl.contentDocument.body）.css（'-webkit transform'，'scale（0.5）'）

我们可以得到一个演示的链接吗？我仍然在iOS7.1中看到这个问题。你确定它已经修好了吗？对不起，我不确定它是否已经修好了。当我遇到它的时候，我只是没有在iOS 7上看到它，也没有在iOS上看到Chrome。