html - "Full screen"<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

要覆盖整个视口(viewport)，您可以使用:

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

并确保将框架页面的页边距设置为 0，例如，body { margin: 0; }。 - 实际上，对于此解决方案，这不是必需的。

我成功地使用了它，还有一个额外的 display:none 和 JS 在用户单击适当的控件时显示它。

注意:要填充父级的 View 区域而不是整个视口(viewport)，请将 position:fixed 更改为 position:absolute 并确保父级的位置不是 静态。