Javascript Iframe移动响应

我有一个页面，我希望在同一页面上有多个幻灯片放映，但这对于JavaScript变量来说有点困难，所以我决定将每个幻灯片放映都设置为iframe。这工作得相当好，但是现在iframe的响应性引起了问题。Iframe中的幻灯片是div元素，将根据屏幕大小进行堆叠。现在的问题是Iframe不会变长。我试过：

<iframe src="Web.html"  height="100%" frameborder="1" marginheight="0" marginwidth="0" scrolling="no"></iframe>

---

但是，即使在调整大小之前，iframe的长度也不够长。我的问题是，如何使Iframe与页面一样高，并且页面将调整大小？

尝试Bootstarp Responsive embed

---

尝试Bootstarp响应嵌入

---

我找到了一个使用resizeIframe函数的解决方案

  <iframe src="Other.html" frameborder="0" scrolling="no" onload="resizeIframe(this);"></iframe>

 function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';

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

---

}

我找到了一个使用resizeIframe函数的解决方案

  <iframe src="Other.html" frameborder="0" scrolling="no" onload="resizeIframe(this);"></iframe>

 function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';

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

---

}

谢谢你的建议，但是当iframe宽度变小时，高度需要变长，因为内容，我不能滚动。但是谢谢你的建议，当iframe宽度变小时，纵横比保持不变，由于内容的原因，高度需要变长，我不能滚动。这不是很有帮助，因为你只显示加载，那么函数resizeIframe呢？我添加了JS道歉，我忘记了。这不是很有帮助，因为你只显示加载，那么函数resizeIframe呢？我添加了JS道歉，我忘记了