CSS @media - 超过max-width后停止拉伸内容

Question

目前我有@media only screen and (max-width: 1231px)，但当我的屏幕宽度超过1231像素时，一切看起来都搞砸了。

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

Answer 1

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

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