Iframe 宽度和高度值

Question

我直接从网站上复制了关于我的 iframe 的代码，它在创建 class iframe 时直接放置到我的 code.However 似乎没有'我没有从 CSS 上创建的 Class 中读取值，但是当我将它直接粘贴到我的代码时，它会从随附的代码中获取自己的大小。我如何重新调整 Iframe 的大小，以便它可以直接从 class(CSS) 准备好。我已经删除并删除了高度和宽度，并从其 class 设置了大小它不做更改

这是我的 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>

my CSS - 这个宽度和高度对代码没有影响

.iframe {
    height: 100px;
    width: 600px;
    margin-left:auto;
    margin-right:auto;

    }

Answer 1

您正在使用 css class 对外部 div 进行样式更改，但 iframe 标记的样式保持不变。您可以将 css 放在 iframe 标记上，例如：

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

Iframe 宽度和高度值

Iframe width and Height values

css

iframe

height

fixed-width