您还可以使用视口百分比长度来实现此目的：

5.1.2. 视口百分比长度：’vw’、’vh’、’vmin’、’vmax’ 单位

视口百分比长度与初始包含块的大小有关。当初始包含块的高度或宽度发生变化时，它们会相应地缩放。

where100vh代表视口的高度，同样100vw代表宽度。

示例在这里

body {
    margin: 0;            /* Reset default margin */
}
iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
<iframe></iframe>

大多数现代浏览器都支持这一点 -可以在此处找到支持。