使用iframe按内容自动定义高度

Question

<iframe frameborder="0" style="height: 1800px; overflow:scroll; width: 100%" src="https://merch.streamelements.com/benjuna" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

如果我将高度设置为"0"；自动；它只显示顶部的横幅，如果我将其锁定到一定的像素量，则页面在较小的屏幕上无法工作。对此有什么想法吗？

Answer 1

在这里，这会占用整个页面，但它会填充页面：

<iframe 
style="
position:absolute;
top:0px;
left:0px;
width: 100%;
height: 100%; "
frameborder="0" 
src="https://merch.streamelements.com/benjuna" 
marginheight="1" 
marginwidth="1" 
name="cboxmain" 
id="cboxmain" 
seamless="seamless"  
frameborder="0" 
allowtransparency="true">
</iframe>