Safari iframe webkit缩放错误的解决方法？_Iframe_Safari_Webkit_Scaling

Safari iframe webkit缩放错误的解决方法？

iframe safari

Safari iframe webkit缩放错误的解决方法？,iframe,safari,webkit,scaling,Iframe,Safari,Webkit,Scaling,似乎有一个webkit扩展错误影响了Safari for Windows（v5.1）和Safari/Chrome for Mac。当您创建iframe并使用CSS标记-webkit转换时，如果“scale”值小于1（例如，0.5），则在呈现页面的缩放版本时，页面的元素将丢失我已经构建了最小的测试页面来说明这个问题： <html> <head> <title>iframe webkit scale bug</title> <style typ

似乎有一个webkit扩展错误影响了Safari for Windows（v5.1）和Safari/Chrome for Mac。当您创建iframe并使用CSS标记-webkit转换时，如果“scale”值小于1（例如，0.5），则在呈现页面的缩放版本时，页面的元素将丢失

我已经构建了最小的测试页面来说明这个问题：

<html>
<head>
<title>iframe webkit scale bug</title>
<style type="text/css">
iframe.preview
{
  width: 1024px;
  height: 768px;
  border: 1px solid black;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 0 0;
}
</style>
</head>

<body>
<iframe class="preview" src="http://www.google.com/"></iframe>
</body>

</html>


iframe webkit缩放错误
iframe.preview
{
宽度：1024px；
高度：768px；
边框：1px纯黑；
-webkit变换：比例（0.5）；
-webkit转换原点：0；
}

作为stackoverflow的新用户，显然我还不允许在这篇文章中附加截图。但我拥有它们，并愿意与他人分享！：）

想象一下，如果你愿意，一个Chrome的屏幕截图（成功案例，请参见[我感觉很幸运]按钮，以及底部的一些链接……所有内容都以50%的比例呈现为OK）

现在想象一下Safari的屏幕截图（失败案例，缺少[我觉得很幸运]按钮，底部没有链接…缺少许多页面元素）

对于引入iframe的各种页面，这种情况都会持续发生；元素丢失了。无论iframe周围是否有包装器div并约束其维度，似乎都会发生这种情况（这是我尝试过的一种解决方法）

有什么想法吗？

昨天的Safari更新（2011年12月10日）修复了这个bug。Woot.

昨天的Safari更新（2011年12月10日）修复了此漏洞。胡特