要覆盖整个视口，你可以使用:

<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;}。-实际上，这个解决方案不需要这样做。

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

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

你也可以使用viewport-percentage长度来实现:

5.1.2. 视口百分比长度:“vw”，“vh”，“vmin”，“vmax”单位 viewport-percentage长度相对于初始包含块的大小。当初始包含块的高度或宽度发生变化时，它们将相应地缩放。

其中100vh代表视口的高度，100vw代表宽度。

例子

身体{ 保证金:0;/*重置默认margin */ ｝ iframe { 显示:块;/* iframe默认内联*/ 背景:# 000; 边界:没有;/*重置默认边框*/ 身高:100 vh;/*视口相对单元*/ 宽度:100大众; ｝ < iframe > < / iframe >

这在大多数现代浏览器中都是支持的-可以在这里找到支持。

尝试添加以下属性:

scrolling="no"

不可能在没有看到一个活生生的例子的情况下说，但尝试给两个主体边框:0px

使用帧边缘= " 0 "。下面是一个完整的例子:

    <iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe>

你可以使用这段代码:

  <iframe src="http://example.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0%;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>