針對特定iframe

我使用有機主題「音樂」主題，並將此代碼添加到我的WordPress網站，以幫助確保SoundCloud和MixCloud oEmbeds不會拉伸頁面的寬度。針對特定iframe

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%; 
}

或者，這是否不行？

我不是開發人員，而是項目經理，只需要一些幫助。

來源

2014-10-31 Tony Zeoli

嘰嘰喳喳的小部件-0是ID不是階級 – 2014-10-31 07:41:38

大，答案工作。謝謝。 – 2014-10-31 15:41:53

twitter-widget-0是ID不Class所以請嘗試這個

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

來源

2014-10-31 07:39:54

謝謝JakeParis – 2014-11-01 07:26:59

針對特定iframe

回答

相關問題