如何缩放 iframe 的内容？

Question

如何在我的网站页面中缩放 iframe 的内容（在我的示例中它是一个 HTML 页面，而不是弹出窗口）？

例如，我想以原始大小的 80% 显示 iframe 中出现的内容。

原文由 John Griffiths 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 上指定 overflow: hidden 以防止滚动条。

原文由 lxs 发布，翻译遵循 CC BY-SA 3.0 许可协议