Javascript 针对特定的iframe

Javascript 针对特定的iframe,javascript,css,wordpress,iframe,Javascript,Css,Wordpress,Iframe,我正在使用一个有机主题“音乐”主题,并将此代码添加到我的WordPress站点,以帮助确保SoundCloud和MixCloud oEmbed不会拉伸页面宽度 iframe, embed { height: 100%; width: 100%; } 该主题使用fitvids,但我尝试根据论坛支持更改代码,但没有成功,然而,添加此iframe代码确实可以解决SoundCloud和MixCloud oEmbed大小问题,但随后它会与其他内容发生冲突 WordPress的JetPac

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

iframe,
embed {
    height: 100%;
    width: 100%;
}
该主题使用fitvids,但我尝试根据论坛支持更改代码,但没有成功,然而,添加此iframe代码确实可以解决SoundCloud和MixCloud oEmbed大小问题,但随后它会与其他内容发生冲突

WordPress的JetPack有一个受此代码影响的Twitter小部件。由于某些原因,它不会以100%显示小部件的完整高度。它将只显示一条tweet,不会扩展到其全部高度。但是,如果我将iframe代码的高度更改为“600px”,它将正确显示,但是,所有oEmbed都将为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-widget-0
ID
不是
Class
,所以请试试这个

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

twitter-widget-0不是很好,这个答案很有效。非常感谢。
iframe#twitter-widget-0{
/*your code here*/
}