html - 设置要添加到 dom 的动态 iframe 的最大宽度

Question

我有这样的结构:

<div class="myfineclass">
   <iframe ... />
</div>

我们嵌入的 iframe 来自不同的来源，我们对它们几乎没有控制权。有时我们得到一个宽度为 640px 的 iframe，这是一个问题，因为我们不能有超过 600px 的 iframe。

我试过像这样添加类:

 .myfineclass, .myfineclass iframe {
    max-width:600px;
}

但这没有用，iframe 一直是 640px。

确保它符合我们的最大宽度要求的最佳方法是什么？

Answer 1

您可以使用以下 CSS:

.myfineclass, .myfineclass iframe { 
    max-width: 600px !important;  
}