css - 大屏幕上的响应能力和边距

Question

我在使用 Bootstrap 开发网站时遇到问题。当屏幕或视口(viewport)太大时，我目前正在尝试在侧面留出边距。但是当我终于得到它时，它打破了页面的响应能力。

整个主体都在这个 div 中以创建边距:

div style="width:1300px; margin:auto;"

Answer 1

将此媒体查询添加到您的 CSS 并确保它在任何其他 CSS 的之后被引用:

@media screen and (min-width: 1300px) {
  body {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }
}