Question

我直接从网站上复制了关于我的iframe的代码，该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 - 这个宽度和高度对代码没有影响

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

    }

Answer 1

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

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

iframe宽度和高度值

1 个答案: