自舉寬度問題

Question

我遇到以下網站的問題。

我找不出2件東西。

1）當您以sm/xs尺寸查看時，爲什麼「精選照片/視頻」和Twitter供稿不能以全寬顯示？

2）爲什麼Twitter feed下的3個廣告根本不顯示sm/xs大小？

據我所見，它們都被包含在一個類col-sm-12 col-xs-12的DIV中，所以它們都應該在全寬處顯示，對嗎？

<article> 

<h2 class="entry-title" itemprop="headline"> 

Featured Video/Photo 

</h2> 


<iframe width="100%" height="300" src="https://www.youtube.com/embed/5kIIsSi3aOQ" frameborder="0" allowfullscreen></iframe> 


</article> 

Answer 1

1）因爲你給了家長一個ID 「初級中等」 和覆蓋CSS

#primary-mid { 
    width: 55%; 
} 

2）相同的理由，1線...

爲了避免這種情況，自己使用媒體查詢，或者不要用自己的寬度覆蓋引導寬度。