“全屏” <iframe>

Question

当我使用以下代码创建iframe时：

<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>

iframe不能完全解决问题-iframe周围有10像素的白色“边框”。我该如何解决？

Answer 1

body在大多数浏览器中，都有默认边距。尝试：body {&nbsp; &nbsp; margin: 0;}在带有的页面中iframe。

Answer 2

要覆盖整个视口，可以使用：<iframe src="mypage.html" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">&nbsp; &nbsp; Your browser doesn't support iframes</iframe>我成功使用了此方法，display:none并在用户单击适当的控件时使用了其他方法和JS来显示它。注意：要填充父级的视图区域而不是整个视口，请更改position:fixed为position:absolute。