Question

似乎有一个webkit扩展错误影响Safari for Windows（v5.1）和Safari / Chrome for Mac。当您创建iframe并使用CSS标记-webkit-transform且'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>

作为stackoverflow的新用户显然我还不允许在此帖子中附加截图。但我有他们并愿意分享！：）

想象一下，如果你愿意的话，Chrome的截图（成功案例，请看[我感觉很幸运]按钮，以及底部的一些链接......一切都以50％的比例呈现。）

现在想象一下Safari的截图（失败案例，遗漏[我感觉很幸运]按钮，底部没有链接......许多页面元素丢失了。）

对于带入iframe的各种页面，这种情况始终如一;元素只是失踪。无论你是否在iframe周围有一个包装div并限制其维度（这是我尝试过的一种解决方法），似乎也会发生这种情况。

有什么想法吗？

Answer 1

昨天（10/12/2011）Safari更新修复了这个错误。活泉。

Safari iframe webkit扩展错误的解决方法？

1 个答案: