iFrame高度无法在所有浏览器中使用

时间:2014-09-25 16:21:06

标签: javascript html iframe

无法在IE和FF中将IFrame高度设置为100%,但在chrome中工作正常,请找到工作示例http://jsfiddle.net/3LAat/34/。 以下是示例代码:

   <body style="height:100%;width:100%">
 <div class="div_iframe">
<iframe src="//www.youtube.com/embed/9KunP3sZyI0" style="border:0;" id="id" class="restricted" scrolling="yes" allowfullscreen></iframe>
 </div>

如何将IFrame高度增加到100%,使其适用于所有浏览器。感谢。

1 个答案:

答案 0 :(得分:2)

尝试添加:

html { height: 100%; }

进入你的css:http://jsfiddle.net/3LAat/35/