Css 响应行基础

关于响应性设计，我有一个可能很小的问题

---

柱的流体网格是惊人的。但是，是否有行的网格系统？例如，如果我想让一个框在大屏幕上有

页边空白，但在小屏幕上没有，我该怎么做呢？
您正在寻找一种称为媒体查询的东西。它允许您指定CSS，但前提是浏览器视口小于（或大于）指定的大小。根据指示，小屏幕在低于768px时触发。因此，您所要求的规则可能如下所示：

<style>
  @media (max-width: 768px) {
    .row {
      margin-top:0
    }
  }
</style>


@介质（最大宽度：768px）{
.行{
页边距上限：0
}
}
您可以使用媒体查询，例如，您想要的是：


CSS:

div{
    width:100%;
    height:50px;
    background:#ddd;
    margin-top:0px;
}
@media (min-width: 500px) {
  div{
    margin-top:100px;
  }
}

通过一些
转换
，它看起来会更好。（）