我在使用webkit bug时遇到了一些麻烦[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次。
有人知道解决这个问题的更好方法吗？
链接：
答案 0 :(得分：0)
我遇到了同样的问题并设法以这种方式解决它：
webkit-transform: scale(x)
zoom: 1/x
此外，您可能希望在Android 2.x
上使用相同的修复方法进行扩展尽管在iOS5.1上我仍有问题，尽管内容已正确缩放，但如果其中一部分位于可见视口后面（在overflow：hidden下），则在缩放的iframe中它仍然显示为空白。