html - 如何设置可变宽度(带背景的 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 有flexible width 和他的child 有fixed width .在你的 CSS 中写下:

body{
  min-width:960px;
}

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