Javascript 针对特定的iframe
我正在使用一个有机主题“音乐”主题,并将此代码添加到我的WordPress站点,以帮助确保SoundCloud和MixCloud oEmbed不会拉伸页面宽度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
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*/
}