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

有人能告诉我如何将iframe与其中的内容相匹配吗？我之所以这样做是因为我在我的网站上使用了一个iframe，当点击一个链接时，它会显示不同的页面，我希望iframe适合其中的内容，因为此时iframe对于某些页面的内容来说太长，但是对于其他页面的内容来说太短，它会切断页面

我并没有太多的代码来显示哪些是相关的，或者哪些是有帮助的，但是符合下面堆栈上的规则的是我到目前为止所拥有的代码

我在这里看到了一些关于同一件事的问题，但没有一个是我真正理解的

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

---

将此添加到头部部分

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

功能调整框架（obj）{
obj.style.height=obj.contentWindow.document.body.scrollHeight+'px'；
}

并将iframe更改为：

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

---

这就是您要找的吗？

我知道，但在这种情况下，这不会有帮助，因为您在iframe中移动辅助站点时，内容高度会发生变化，几乎是网站上iframe中的一个站点。如果你得到我是的，非常感谢你的精彩！