Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Mozilla Firefox中手动调整iFrame大小_Javascript_Html_Iframe - Fatal编程技术网

Javascript 如何在Mozilla Firefox中手动调整iFrame大小

Javascript 如何在Mozilla Firefox中手动调整iFrame大小,javascript,html,iframe,Javascript,Html,Iframe,我在弹出窗口中使用了两个iFrame。在IE中,我可以手动拉伸第一帧,但在Firefox中不可能。我怎样才能做到这一点 <iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no" style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-

我在弹出窗口中使用了两个iFrame。在IE中,我可以手动拉伸第一帧,但在Firefox中不可能。我怎样才能做到这一点

<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
        style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
        src="help.html" />
第一个iFrame的代码(我需要能够手动拉伸):

<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
        style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
        src="help.html" />

<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
        style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
        src="help.html" />

问题是您将iframe设置为100%的高度,但这是多少?100%什么?它始终是元素的父元素,因此iframe的父元素是设置为100%的主体,但这是什么值

<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
        style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
        src="help.html" />
主体的父对象是
html
,那么html设置为什么呢?这就是问题所在。Html的父对象是视口,将Html的高度设置为100%将为您提供视口高度的实际尺寸值,该值将级联到iframe并为您提供实际尺寸值

<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
        style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
        src="help.html" />

为此,您还可以将这些父对象中的任何一个设置为实际值,例如200px。

iframe父对象的维度是什么?事实上,它可以在IE中工作,但不能在Firefox中工作,这意味着你的标记是错误的。谢谢你的回复。在这个要调整大小的框架内,谢谢回复Rob。我正在尝试。请发现这个框架集代码也在这个要调整大小的框架内,comeschanging height值不起作用。搜索多个源时,我会获得指向noresize属性n frameborder=“0”或“否”的链接。如果你有任何指导,我会帮上大忙的。谢谢
<iframe name="iframeContent" id="iframeContent" scrolling="no" frameborder="no"
        style="width:100%;height:100%;border-right:0px;border-top:0px;border-left:5px solid #cccccc;border-bottom:5px solid #cccccc;"
        src="help.html" />