如何制作一个100%宽度和高度的HTML iframe?

Jac*_*sta 52 html iframe

如何使窗口的iframe 100%宽度和高度?

小智 47

这段代码很可能对你有帮助.

<iframe src="" onload="this.width=screen.width;this.height=screen.height;">
Run Code Online (Sandbox Code Playgroud)

  • <iframe name ="Stack"src ="http://stackoverflow.com/"style ='height:100%; 宽度:100%;' frameborder ="0"scrolling ="no"id ="iframe"></iframe> ... </ iframe> (9认同)
  • window.innerWidth/window.innerHeight更准确. (4认同)
  • `screen`是实际屏幕,而不是浏览器窗口,因此在大多数情况下,浏览器窗口将小于屏幕大小. (3认同)

sma*_*rld 18

回答这个问题,以防万一像我这样的人偶然发现这篇文章中有很多人建议使用JavaScripts将iframe高度改为100%.

我强烈建议您在使用基于JavaScript的选项之前看到并尝试在如何给iframe 100%高度指定的此选项.在我迄今为止所做的所有测试中,引用的解决方案对我来说非常合适.希望这有助于某人.