在 Safari 中使用 webkitTransform 缩放 iframe 会创建白色边框答案

【问题标题】：Scaling an iframe with webkitTransform in Safari creates white border在 Safari 中使用 webkitTransform 缩放 iframe 会创建白色边框
【发布时间】：2011-03-10 01:28:20
【问题描述】：

我在 iframe 中有一个简单的 html 页面，我正在尝试使用 html5 输入范围滑块进行缩放。它在 iframe 内创建了一个白色边框，看起来是双重副作用。

它在 chrome (6.0.472.59 mac) 中完美运行，但在 safari (5.0.1 mac) 中无法正常运行。

这里是现场演示的链接 - http://dl.dropbox.com/u/1031653/safari-bug.html

关于为什么会发生这种情况的任何建议？如果需要，硬核黑客也可以。

【问题讨论】：

标签： css iframe html safari

【解决方案1】：

这似乎是一个 Safari 错误。我建议在https://bugs.webkit.org/ 报告它

【讨论】：

谢谢！我会清理一下并提交它。
@TomSwift 你提交过这个错误吗？我注意到这现在只发生在 Mac 版 Safari 上。

【解决方案2】：

我也在 Chrome 中看到了这个错误（版本 11.x.x）

一种解决方案是进入 IFRAME 的文档（假设您有权访问）并在那里设置大小。像这样的：

$('iframe').contents().find('body').css('-webkit-transform', 'scale(0.5)');

【讨论】：