在移动Safari上缩放iframe正在打破iframe的链接

我在移动Safari中的iframe上使用CCS3转换时遇到问题。如果我在iframe上使用-webkit-transform: scale();，则iframe的内容会相应地缩放，但iframe中的链接会中断。在移动Safari上缩放iframe正在打破iframe的链接

轻敲元件凸显击中格，并且看起来链路hitboxes不被缩放。当你点击一个链接时，如果iframe没有被缩放，你可以看到链接将出现在哪里。

无论您设置转换原点的位置如何，链接距离左上角的距离越远，情况越糟糕。

同一页我正在测试这个功能，完美地在我的电脑上使用Safari和Chrome，所以我怀疑这是一个Mobile Safari bug。

这是一个已知的问题？有人知道解决方法吗？我尝试使用zoom属性，但只调整了iframe，而不是其内容。

我已经在这里上传了一个例子：http://trrrm.com/iframe/如果你在iOS设备上打开它并点击iframe中的链接，你会明白我的意思。

感谢您的帮助！

2012-10-04 terrarum

对您有帮助吗？ http://stackoverflow.com/questions/14175464/webpage-on-mobile-safari-is-not-scaling-to-fit-viewport –

嗨terrarum 你有没有找到这个答案？我得到了完全相同的问题。 –

感谢Carol和Claes的评论，我只是看到他们，我想我没有设置电子邮件通知或其他东西！我不记得我们到底做了什么，但我想现在克莱斯可能不在意:) – terrarum

这是一个已知的问题。在缩放的iframe上触摸事件无法在iOS上正常工作。如果您正在创建iFrame的内容，则可以缩放内容主体元素。

请注意，即使动画翻译导致iOS6上的问题 - 我必须强制重新布局，在动画完成后将iframe的顶部更改为1px，以使触摸事件正常工作。

2014-03-06 10:05:33 mikaraento

回答