大屏幕上的响应能力和边缘利润

Question

我在使用Bootstrap开发网站时遇到问题。当屏幕或视口太大时，我正试图在边上留有余量。但是当我最终得到它时，它打破了页面的响应性。

整个身体在这个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;
  }
}