如何设置可变宽度（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;
}

当我调整页面大小时，它看起来像这样：

但是当我向右滚动时，我看到了错误：

有人能告诉我我的错误在哪里吗？

Answer 1

当parent具有灵活宽度＆amp;他的child有固定宽度。在你的css中写下这个：

body{
  min-width:960px;
}

选中此项以获取更多iPad background for div blocks not spanning entire width of screen