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

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

相反，在屏幕宽度超过1231px之后，我要保持主体水平居中，并在主体的左右两侧附加空白。我怎么做？

最佳答案

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

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

关于css - CSS @media-超过最大宽度后停止拉伸(stretch)内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38245270/