Question

我正在尝试将iframe（我网站上的一个页面）添加到我网站的另一个页面。我已经找到了iframe的代码，并使用div来获取它的一部分。现在，我想缩小整个网页（在iframe中）以适应我将其添加到的页面。如何更改以下代码？

<div style="border:0; overflow: hidden; margin: 15px auto; max-width: 736px;">
<iframe scrolling="no" src="http://www.tryary.com/forums/topic/21/best-law-of-attraction-books/post-create?" style="border: 0px none; margin-left: -0px; height: 1000px; margin-top: -333px; width: 726px;">
</iframe>
</div>

Answer 1

如果您只想调整iframe的大小，请在html

中查看以下代码

<强> HTML

<div id="output" style="width:500px;height:400px;">
    <iframe src="www.google.com" style="width:100%;height:100%;" id="ifrm"></iframe>
</div>

如果您希望缩小内容，请使用下面的css转换

<强> CSS

#ifrm {
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari */
    transform: scale(0.5);
}

调整iframe大小以适合其他页面

1 个答案: