用戶操作框架 - HTML/CSS/JS

Question

如何在加載後使下面的框架能夠讓用戶拖動和縮放尺寸？這可能與HTML/CSS/JS？

<script> 
    var frame; 
    function addFrame() { 
     frame = document.createElement('iframe'); 
     frame.height = "200px"; 
     frame.width = "200px"; 
     frame.setAttribute('id', 'superFrame'); 
     document.body.appendChild(frame); 
    } 
    function loadGoogle() { 
     frame.setAttribute('src','http://www.google.com') 
    } 
</script> 

左是我有，右是我想要的，但用戶通過拖動框架設置大小。

Image

Answer 1

SRC Responsive IFrames — The Right Way!

1. 刪除width和height屬性
2. 設置父DIV爲的IFRAME

3. 使內含div響應，並用以下尺寸的IFRAME /定位規則：

   iframe { 職位：絕對; top：0; left：0; 寬度：100％; 身高：100％; }