调整 iframe 的大小以适应多个页面上的内容

Question

有人可以告诉我如何使 iframe 适合其中的内容吗？我有这个是因为我在我的网站上使用一个 iframe，当单击 link 时会显示不同的页面，我希望 iframe 适合其中的内容，因为 iframe 对于某些页面来说太长了内容但对于其他页面的内容来说太短了，它会切断页面。

我真的没有太多代码可以显示哪些是相关的或有什么帮助，但是符合 Stack 规则的是我目前拥有的代码。

我在这里看到了一些关于同一件事的问题，但 none 我真的很理解。

<iframe id="preview-frame" src="http://airforceadvice.com/PCS" name="preview-frame" frameborder="0" scrolling="no">
      </iframe>

Answer 1

将此添加到您的头部部分

<script language="javascript" type="text/javascript">
    function resizeIframe(obj) {
        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    }
</script>

并将您的 iframe 更改为：

<iframe name="Stack" src="http://whosebug.com/" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);' />

这是您要找的吗？

调整 iframe 的大小以适应多个页面上的内容

Resizing an iframe to fit content on multiple pages

html

javascript

css

iframe

jquery