iframe响应式：窗口iframe的大小内容是否发生变化？

Question

帮我找到响应式iframe窗口的解决方案。 例如：如果窗口iframe的大小内容发生变化，则iframe会在父窗口中自动调整大小。

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

Answer 1

我从Avi找到了解决方案：

// HTML

<div class="myIframe"> 
   <iframe> </iframe> 
</div>

// CSS

.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%;
}