html - 如何使用页面制作 iframe 缩放

Question

我有一个包含一些内容的 iframe。当我缩小 iframe 中的内容不会随页面一起缩放时，它会保持相同的大小，因此会导致出现滚动条，从而泄露它是 iframe 的事实。有没有办法让 iframe 随页面一起缩放？谢谢

Answer 1

您没有提供有关您的代码行或您正在使用的浏览器的详细信息，但是，以下是您可以尝试实现目标的方法。

<style>
    #frameScale { width: 1390px; height: 2940px; padding: 0; position:relative; left:-90px; top:0px; overflow: hidden; }
    #frame { width: 1390px; height: 2940px; position:relative; left:-55px; top:0px; }
    #frame { -ms-zoom: 0.7; -moz-transform: scale(0.7); -moz-transform-origin: 0px 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; }
</style>
<div id="frameScale ">
    <iframe id="frame" src="Give Some URL Source Here"></iframe>
</div>