css - 移动设备上的全 Angular div

Question

我有这件蓝色上衣 link here这件上衣采用所有宽度尺寸，这就是我想要的。因此，如果您调整窗口大小或在移动设备上打开它，这个蓝色 div 会在两边放置边距，twitter bootstrap responsive 正在这样做。我的代码完全像 this answer但 tb 仍然有 margin ，这是我的代码:

<!-- 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，它似乎正在添加 body padding。试一试:

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