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

Question

我在javascript中使用CSS3 Transform：scale（）属性动态缩放iframe。

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

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

注意：页面中的链接是“绝对的”。

请帮忙。

Answer 1

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

虽然内容在视觉上是缩放的，但它认为锚点仍处于原始位置（您看到的灰色框是锚点击效果）。

将其应用于iframe文档的正文会解决问题，同时产生相同的视觉效果。

例如。而不是这个： $（iframeControl）.css（' - webkit-transform'，'scale（0.5）'）;

这样做： $（iframeControl.contentDocument.body）.css（' - webkit-transform'，'scale（0.5）'）;