在响应式网站上设置多个边距

Question

如何为不同的分辨率设置不同的余量。例如，max-width：767 margin 0，min-width 768 margin 50和min-width 1200 margin 150

Answer 1

@media (max-width: 767px) {
  body {
    margin: 0;
  }
}
@media (min-width: 768px) {
  body {
    margin: 50px;
  }
}
@media (min-width: 1200px) {
  body {
    margin: 150px;
  }
}