我怎样才能缩放IFRAME的内容？

Question

我怎样才能缩放IFRAME的内容？如何在我的网站页面中缩放iframe的内容(在我的示例中它是HTML页面，而不是弹出)？例如，我想以原来大小的80%显示在iframe中的内容。

Answer 1

基普解如果您将CSS更改为：

<style>
    #wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
    #frame { width: 800px; height: 520px; border: 1px solid black; }
    #frame {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
    }</style>

您还可以指定溢出：隐藏在#Frame上，以防止滚动条。

Answer 2

我找到了一种适用于IE和Firefox的解决方案(至少在当前版本中是如此)。在Safari/Chrome上，iframe被调整为原来大小的75%，但是iframe中的内容根本没有缩放。在歌剧里，这似乎行不通。这感觉有点深奥，所以如果有更好的方法来做，我会欢迎建议。

<style>#wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame { zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; }</style>...<p>Some text before the frame</p>
<div id="wrap"><iframe id="frame" src="test2.html"></iframe></div><p>Some text after the frame</p></body>

注意：我不得不使用wrap元素用于Firefox。出于某种原因，在Firefox中，当您将对象缩小75%时，由于布局原因，它仍然使用图像的原始大小。(尝试从上面的示例代码中删除div，您就会明白我的意思了。)

我从这个问题.