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*/
}

定位特定的iframe

1 个答案: