Javascript iframe响应：如果窗口iframe的大小内容发生更改？

帮助我找到响应iframe窗口的解决方案。 例如：如果窗口iframe的大小内容发生更改，iframe将在父窗口中自动调整大小

---

注意：在iframe窗口中动态显示内容。

我从Avi找到了一个解决方案：

//HTML

//CSS

.myIframe{
位置：相对位置；
垫底：65.25%；
填充顶部：30px；
身高：0；
溢出：自动；
-webkit溢出滚动：touch；//我的情况可能与另一个重复。框架内有javascript生成内容。我找到了解决方案，我需要：检测到高度变化。
<div class="myIframe"> 
   <iframe> </iframe> 
</div>

.myIframe {
     position: relative;
     padding-bottom: 65.25%;
     padding-top: 30px;
     height: 0;
     overflow: auto; 
     -webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
     border: solid black 1px;
} 
.myIframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}