Css Iframe宽度和高度值

Css Iframe宽度和高度值,css,iframe,height,fixed-width,Css,Iframe,Height,Fixed Width,我已经直接从我的iframe网站上复制了代码,它直接放在我的代码中。然而,当创建一个类iframe时,它似乎不会从CSS上创建的类中读取值,但它会从我直接粘贴到我的代码时附带的代码中带来自己的大小。 我如何重新调整Iframe的大小,以便它可以直接从类(CSS)中就绪…我已经删除并删除了高度和宽度,并从其类中设置了大小,但它不做更改 这是我的iframe代码 <div class="iframe"> <iframe src="https:/

我已经直接从我的iframe网站上复制了代码,它直接放在我的代码中。然而,当创建一个类iframe时,它似乎不会从CSS上创建的类中读取值,但它会从我直接粘贴到我的代码时附带的代码中带来自己的大小。 我如何重新调整Iframe的大小,以便它可以直接从类(CSS)中就绪…我已经删除并删除了高度和宽度,并从其类中设置了大小,但它不做更改

这是我的iframe代码

      <div class="iframe">

            <iframe src="https://sway.com/s/3HuzZFFkT18WUe4M/embed" width="100%" marginwidth="0" height="100px" marginheight="0" scrolling="no" frameborder="no" class="iframee" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen
mozallowfullscreen msallowfullscreen></iframe>

  </div>

您正在使用css类对外部div进行样式更改,但iframe标记的样式保持不变。您可以在iframe标记上放置css,如:

    iframe
    {
        max-height: 200vh;
        height:200px;
    }

我今天碰巧遇到你的问题。吸引我注意的是,您在iframe中使用了sway.com网站,这也是我现在正在尝试的。我想知道您的页面是否仍在工作,因为sway.com服务器似乎正在将X-Frame-Options设置为SAMEORIGIN,因此iframe不会显示任何内容。您可以使用mozila fireforce inspector轻松复制它
    iframe
    {
        max-height: 200vh;
        height:200px;
    }