iframe调整视口相对单位的大小

Question

我有一个带外部来源的iframe

<iframe id="idIframe" src="https://ssl.myexternallink.php" scrolling="no"></iframe>

我想根据iframe内容获得自动高度。我试过了：

iframe {
display: block;
background: #dedede;
border: none;     
height: 100vh;        
width: 100vw;
overflow-x:hidden;

}

工作完美，但如果我更改iframe远程页面（通过Ajax帖子），iframe高度不会刷新。我不能使用解决方案whit计时器，如：

iframeElement.contentWindow.document.body.scrollHeight;

因为作为外部页面我有跨域访问问题。有解决方案吗？谢谢

Answer 1

没有办法纯粹在HTML / CSS中这样做。 看看：https://github.com/davidjbradshaw/iframe-resizer

它解决了跨域限制等引起的所有问题。