使用max-width对主内容列进行居中

Question

我网站的主要内容栏太宽，不支持1920x1080分辨率，所以我试图通过使用max-width属性来限制大小，但是当我这样做时，列不再居中。因此，每次我减小最大宽度（比方说从1600到1400px），主要内容在右侧“切断”而不是居中。这是用于演示的屏幕截图：

注意：我不能使用边距，因为它会使较低分辨率设备上的列太小。

Answer 1

添加以下CSS：

margin: 0 auto;

这会将margin-left和margin-right属性设置为auto，其中心是固定宽度的元素（例如您的max-width元素）。

现在，对于较低屏幕的内容，您应尝试使用媒体查询重置较低屏幕设备上的边距。