在Mobile Safari上扩展iframe会破坏iframe的链接

ter*_*rum 5 safari iframe css3 ios

我在Mobile Safari中使用iframe上的CCS3转换时遇到问题.如果我-webkit-transform: scale();在iframe上使用,iframe的内容会相应缩放,但iframe中的链接会中断.

点击元素会突出显示命中框,并且看起来链接命中框没有缩放.当您点按某个链接时,如果没有缩放iframe,您可以看到该按钮会显示该链接所在的位置.

无论您在何处设置变换原点,链接距离左上角越远,情况就越糟糕.

我正在测试的同一页面在我的计算机上完全适用于Safari和Chrome,因此我怀疑这是一个Mobile Safari错误.

这是一个已知的问题吗?有人知道解决方法吗?我尝试使用缩放属性,但只调整iframe的大小,而不是其内容.

我在这里上传了一个示例:http://trrrm.com/iframe/如果您在iOS设备上打开它并单击iframe中的链接,您将看到我的意思.

谢谢你的帮助!

mik*_*nto 0

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

请注意,即使是动画翻译也会在 iOS6 上引起问题 - 在动画完成后,我必须通过将 iframe 的顶部更改 1px 来强制重新布局,以使触摸事件正常工作。

Webkit在转换后的 iframe 上有一个未解决的错误