如何固定网页宽度，使得大屏下页面保持1536px宽度不变？

直接给<body>标签添加行内样式即可实现需求，无需修改其他已有代码，配置如下：

<body style="max-width: 1536px; margin: 0 auto; box-sizing: border-box;">

属性作用说明 #

• max-width: 1536px：限制页面最大宽度为1536px，屏幕宽度小于1536px时会自动适配你原有响应式规则，完全不会影响移动端、笔记本等小屏设备的正常显示
• margin: 0 auto：当屏幕宽度大于1536px时，页面整体水平居中，左右两侧自动留白，保证内容显示效果和1536px屏幕下完全一致
• box-sizing: border-box：避免内边距、边框撑大body的实际宽度，确保宽度计算符合预期

注意事项 #

如果你的原有body标签已经存在行内样式，直接把上述三个属性追加到原有style属性值的末尾即可，不要覆盖原有样式配置。

内容的提问来源于stack exchange，提问作者Akshit Walian