用户操作帧 - 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. 删除宽度和高度属性
2. 为iframe设置父div

3. 使包含div响应，并使用以下大小/定位规则的iframe：

   iframe {   位置：绝对;   顶部：0;   左：0;   宽度：100％;   身高：100％; }