我在使用webkit错误[1]时遇到了一些麻烦。长话短说，如果一个 iframe 有一个带有 -webkit-transform： scale（x） 的祖先，那么 iframe 的内容会缩放 2 倍。发生这种情况的平台是iOS5（在Safari和UIWebView中）。我已经在 iOS4、iOS6 和最新的 webkit 每晚版本上进行了测试，但我无法在那里重现它。因此，该问题似乎已在较新版本中得到解决。
我尝试了其中一个错误评论[2]中描述的解决方法，但它没有完全解决问题。为了使它工作，我必须首先添加 -webkit-transform-style： preserve-3d，然后在超时中添加 -webkit-transform： scale（x） 到同一个元素。这本来是可以接受的，但如果在 iframe 的祖先之一中更改了任何继承的属性，则解决方法将失效，并且内容再次缩放 2 倍。
有没有人知道解决这个问题的更好方法？
链接：
[1] 链接到错误：https://bugs.webkit.org/show_bug.cgi?id=15676
[2] 解决方法说明 ： https://bugs.webkit.org/show_bug.cgi?id=15676#c10
我遇到了同样的问题，并设法以这种方式解决它：
webkit-transform: scale(x)
zoom: 1/x
此外，您可能希望在Android 2.x上扩展几乎所有内容时具有相同的修复程序
尽管在iOS5.1 上我仍然有一个问题，尽管内容已正确缩放，但如果其中一部分位于可见视口后面（在溢出：隐藏下），它在缩放的 iframe 中仍然显示为空白。