響應Twitter的嵌入

早些時候，我可以使用下面的代碼，以使Twitter的嵌入反應：響應Twitter的嵌入

  iframe[id^='twitter-widget-'] { width: 100% }

然而，這不再有效。我嘗試了不同的東西，但沒有一個會起作用。有沒有人有這個更新的修復？

你也可以在這裏看到：http://musik.dk/samsmith/

來源

2014-05-20 Morten Hjort

#twitter-widget-1 { 
     width:100%; 
}

然而，該控件坐在容器具有最小寬度所以它會將自身對齊到。

<section class="mcl mr350">

來源

2014-05-20 08:19:08 RichTea

那個不再有效。我已經插入了它，包括！重要的，它不起作用。 –

奇怪。我現在得到它的工作。看起來這是一個緩存問題。謝謝！ –

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

看到width: 520px;

來源

2014-05-20 08:13:38 ImAtWar

不工作。沒有任何反應 –

你是否登錄到twitter並改變了520px的寬度？據我所知，限制你的盒子的唯一價值是iframe的寬度... – ImAtWar

不，我沒有改變它，但我需要一個靈活的（procentage）寬度，否則它不響應。 –

下面的CSS應該工作：

.twitter-tweet { 
width: 100% !important; 
}

來源

2017-01-03 09:17:35

響應Twitter的嵌入

回答

相關問題