如何設置可變寬度（帶背景的div）以使其在不同設備上看起來更好？

Question

我正在使用Twitter Bootstrap。這裏是我的問題：我需要設置div的背景色，這應該是全屏幕，但是當我嘗試：

和我的HTML：

<div class="rowHome"> 
     <div class="container"> 
     <div class="row"> 
    ... 
     </div> 
     </div> 
    </div> 

和完整的CSS：

.container{ 
    width: 960px;  
} 
    ... 
    .rowHome{ 
margin-top:10px; 
width:100%; 
background-color:#400143; 
} 

它看起來是這樣，當我調整頁：

b UT當我向右滾動，我看到了錯誤：

有人能告訴我哪裏是我的錯誤？

Answer 1

這種類型的問題大多是來當parent有靈活的寬度 &他child有固定的寬度。在你的CSS這樣寫：

body{ 
    min-width:960px; 
} 

檢查這更多iPad background for div blocks not spanning entire width of screen