5

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

点击元素会突出显示hitbox,并且链接的hitboxes似乎没有被缩放。当您点击一个链接时,您可以看到如果 iframe 没有被缩放,那么点击框会出现在链接所在的位置。

无论您在哪里设置变换原点,链接距离左上角越远,这种情况会变得更糟。

我正在测试的同一页面在我的计算机上的 Safari 和 Chrome 上完美运行,所以我怀疑这是一个移动 Safari 错误。

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

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

谢谢你的帮助!

4

1 回答 1

0

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

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

Webkit在转换的 iframe 上有一个开放的错误

于 2014-03-06T10:05:33.067 回答