“全屏” <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 {

    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;">

    Your browser doesn't support iframes

</iframe>

我成功使用了此方法，display:none并在用户单击适当的控件时使用了其他方法和JS来显示它。

注意：要填充父级的视图区域而不是整个视口，请更改position:fixed为position:absolute。