定位特定 iframe

Question

我正在使用有机主题“音乐”主题并将此代码添加到我的 WordPress 网站，以帮助确保 SoundCloud 和 MixCloud oEmbeds 不会拉伸页面的宽度。

iframe,
embed {
    height: 100%;
    width: 100%;
}

主题使用 fitvids，但我尝试根据论坛支持更改该代码，但没有奏效，但是，添加此 iframe 代码确实解决了 SoundCloud 和 MixCloud oEmbed 大小问题，但后来它搞砸了别的东西。

来自 WordPress 的 JetPack 有一个受此代码影响的 Twitter 小部件。由于某种原因，它不会以 100% 显示小部件的完整高度。它只会显示一条推文，不会扩展到其全高。但是，如果我将 iframe 代码的高度更改为“600px”，它将正常显示，但是，所有 oEmbeds 都将是 600px。

iframe代码如下：

<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-timeline twitter-timeline-rendered" allowfullscreen="" style="border: none; max-width: 100%; min-width: 180px; width: 370px;" title="Twitter Timeline" height="1755"></iframe>

我可以像这样定位特定的 Twitter 小部件实例/iframe：

iframe.twitter-widget-0,
embed {
    height: 600px;
    width: 100%;
}

或者，这样不行吗？

我不是开发人员，而是项目经理，只是需要一些帮助。

Answer 1

twitter-widget-0 是 ID 不是 Class 所以请试试这个

iframe#twitter-widget-0{
/*your code here*/
}