CSS @media - 超过最大宽度后停止拉伸内容

Question

目前我有 @media only screen and (max-width: 1231px)，但是当我的屏幕宽度超过 1231px 时，一切看起来都乱七八糟。

相反，屏幕宽度超过1231px后，我想保持body水平居中，并在body的左右追加空白。我该怎么做？

Answer 1

您可以使用 div 容器并将所有内容放入其中：

.container {
  max-width: 1231px;
  margin: 0 auto;
}