当高度和宽度未知时，提供嵌入代码

Question

我有一个允许用户列出/添加内容的网站。图像主要是。

我想为他们列出/添加的内容提供嵌入服务，因此如果他们愿意，他们可以将自己的内容包含在他们自己的页面/博客中。

问题如何解决iframe的高度和宽度问题？

我想提供100％的宽度设置，因此无论他们将代码添加到哪个容器，它都适合（页面中有大小代码，因此对齐/图像大小调整等就可以了）

我还希望高度为其嵌入内容的100％。

所以使用这样的东西：

<script type='text/javascript' charset='utf-8'>     
    var iframe = document.createElement('iframe');       
    document.body.appendChild(iframe);

    iframe.src = 'URL OF CONTENT';       
    iframe.width = 'How to say 100%';
    iframe.height = 'How to say overflow:auto';
</script>

有办法做到这一点吗？