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

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

我想为他们列出/添加的内容提供一个嵌入服务，这样他们可以在自己的页面/博客上包含自己的内容，如果他们愿意的话

问题：如何解决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>

有办法做到这一点吗