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

我在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）’）;