CSS @media - 超過最大寬度後停止拉伸內容

Question

目前我有@media only screen and (max-width: 1231px)，但是當我的屏幕寬度超過1231px時，一切看起來都搞亂了。

相反，在屏幕寬度超過1231px後，我想保持身體水平居中，並在身體的左側和右側附加空格。我怎麼做？

Answer 1

你可以使用一個div容器，並把所有的內容裏面：

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