Html Iframe适合屏幕

我正试图通过iframe集成到我的网站中。然而，使用这种方法，我必须以像素为单位给出高度和宽度。不过，我想让博客适应屏幕。有没有办法做到这一点

编辑：下面的答案建议我更改CSS。那么，如何处理html中的“宽度”和“高度”变量呢？以下是该页面的完整html代码

Shiloh Janowick的博客！

是，要获得全屏效果，请在css上使用以下代码：

html, body, div, object, iframe, fieldset { 
margin: 0; 
padding: 0; 
border: 0;

}

编辑：包括CSS末尾的内容，html代码必须如下所示：

<iframe src="http://shilohgameblog.wordpress.com"></iframe>

---

您需要去掉HTML代码中的所有其他内容，因为您已经将其放在CSS中了

如果您想使iFrame成为页面的宽度（因此它是响应性的），则只需执行以下操作：

试试这个。 这对我很有用

    body {
        margin: 0;
        padding: 0;
    }

    iframe {
        display: block;
        width: 100vw;
        height: 100vh;
        max-width: 100%;
        margin: 0;
        padding: 0;
        border: 0 none;
        box-sizing: border-box;
    }

---

非常感谢。还有一个问题。我的网站上嵌入了几个youtube视频。它们也适合屏幕吗？在youtube中也一样，但你需要这样一个url：看看它如何只使用单词embed，youtube视频中的链接自动适合全屏为什么这里需要

max width

？