我在Mobile Safari中使用iframe进行CCS3转换时遇到问题。如果我在iframe上使用-webkit-transform: scale();，则iframe的内容会相应缩放，但iframe中的链接会中断。
点击元素会突出显示 hitbox ，并且似乎没有缩放链接 hitboxes 。当您点按某个链接时，如果没有缩放iframe，您可以看到该按钮出现在链接所在的位置。
无论您在何处设置变换原点，链接距离左上角越远，情况就越糟。
我正在测试的同一页面在我的计算机上完全适用于Safari和Chrome，因此我怀疑这是一个Mobile Safari错误。
这是一个已知问题吗？有人知道解决方法吗？我尝试使用缩放属性，但只调整iframe的大小，而不是其内容。
我在此处上传了一个示例：http://trrrm.com/iframe/如果您在iOS设备上打开它并点击iframe中的链接，您就会明白我的意思。
感谢您的帮助！
答案 0 :(得分：0)
这是一个已知问题。在缩放的iframe上触摸事件在iOS上无法正常工作。如果要创建iFrame的内容，则可以改为缩放内容正文元素。
请注意，即使是动画翻译也会导致iOS6出现问题 - 我必须在动画完成后将iframe的顶部更改1px以强制重新启动以使触摸事件正常工作。