100％iframe高度无法在Firefox或Chrome中使用

Question

我正在开发一个浏览器，其中包含一个完整的iframe，其中包含随机交替的网站。我发现了一段可在Safari中运行的“JavaScript”，但在某些浏览器（Firefox，Chrome）中，帧高度变窄而不是屏幕的整个长度。 我已经尝试删除其他html只是因为某些东西干扰了脚本但仍然有相同的结果。 这是我正在使用的javascript -

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

//Specify IFRAME display attributes
var iframeprops='width="100%" height="100%" border="none" position="fixed" top="0px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" z-index"-20"'

//Specify random URLs to display inside iframe
var randomcontent=new Array()
randomcontent[0]="http://.."
randomcontent[1]="http://..."
randomcontent[2]="http://...."

//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')

function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
 iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}

window.onload=random_iframe

我还附上了截图。绿色箭头是iframe的受限长度。黄色是我追求的 - 浏览器的全长

Answer 1

使用CSS：

//Specify IFRAME display attributes
var iframeprops='width="100%" height="100%" border="none" position="fixed" top="0px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" z-index"-20"'
iframeprops += ' style="height:100%;" '; //<--- This is the new attribute