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>