css - 移动设备上的全角 div

Question

我在这里有这个蓝色的顶部链接，这个顶部是所有宽度尺寸的，这就是我想要的。因此，如果您调整窗口大小或在移动设备上打开它，这个蓝色 div 会在两侧设置边距，twitter bootstrap responsive 就是这样做的。我的代码与此答案完全相同，但 tb 仍然留有余量，这就是我的代码：

<!-- this div is inserting blue bg image and wrap all content -->
<div class="background-top"> 
    <div class="container">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>

Answer 1

我会使用类似的媒体查询将顶部背景 div 定位为它的 Bootstrap，它似乎正在添加主体填充。试一试：

@media (max-width: 767px) {
  .background-top {
    margin-left: -20px;
    margin-right: -20px;
  }
}