2010-07-22 67 views
38

如何制作一个iframe 100%窗口的宽度和高度?如何制作一个html iframe 100%的宽度和高度?

+0

在这里有些建议:http://stackoverflow.com/questions/5867985/iframe-100-height – andychase 2010-07-22 05:56:54

+2

这不是真正的重复几个原因同样的问题:1)这个问题问“如何“,而另一个问题”在哪里(如在“哪些浏览器”中),b)这个问题是在另一个“问题”之前的整整一年出现的,c)另一个问题是质量低下,写得不好,格式不对。 )具有相同答案的两个问题不会重复(即1 + 1和4/2都是2,但不是相同的问题) – IAmNaN 2014-09-01 19:49:27

+0

@mikel答案未发布到其他问题中,我猜是不一样的“如何构建100%的iframe”和“如何制作100%宽度,可能在它存在于页面上”。 – erm3nda 2014-12-30 05:38:01

回答

13

回答这个以防万一像我这样的其他人绊倒在这个帖子当中,许多人建议使用JavaScript来改变iframe的高度为100%。

我强烈建议您在使用基于JavaScript的选项之前查看并尝试在How do you give iframe 100% height上指定的此选项。所引用的解决方案完全适用于我迄今为止所做的所有测试。希望这可以帮助某人。

29

此代码可能帮助你。

<iframe src="" onload="this.width=screen.width;this.height=screen.height;"> 
+0

请解释一下 – vonbrand 2014-07-26 22:40:55

+0

this.width设置此标记的宽度。 screen.width获取屏幕宽度值。此代码使这个标签(iframe)的宽度=屏幕宽度,它的高度=屏幕高度 - 对不起 – mikel 2014-07-29 04:36:31

+3

'屏幕'是实际的屏幕而不是浏览器窗口,所以在大多数情况下,浏览器窗口将小于屏幕尺寸。 – Soren 2014-09-30 21:24:53