如何固定网页的宽度？

Question

我已经完成了一个网页的开发。我已经使用媒体查询让它对手机做出响应。现在我担心的是，对于移动屏幕尺寸和笔记本电脑屏幕尺寸，页面很好，但是当我们使用显示器或电视等大屏幕尺寸时，页面会变得笨拙。我想将整个页面的宽度固定为 1536 像素，这样即使在大屏幕尺寸上，页面宽度也保持不变，并且我在 1536 像素屏幕尺寸以上的所有内容看起来应该与在 1536 像素屏幕上看起来一样尺寸。由于页面已经开发，请提供一个解决方案，我可以只在 body 标记中应用它，它会应用到整个页面。

提前致谢

Answer 1

您想像这个示例一样向主体包装器添加最大宽度和边距自动（这确保页面居中）（请记住您的主包装器可能使用不同的 class）

.body-wrapper {
  max-width: 1220px;
  margin: 0 auto;
}