如何使居中固定宽度的身体响应？答案

【问题标题】：How to make centered fixed width body responsive?如何使居中固定宽度的身体响应？
【发布时间】：2023-03-21 18:14:01
【问题描述】：

我有一个非常简单的 CSS 布局，它将限制正文宽度并将其在屏幕上居中：

body { max-width: 38em; margin: auto; }

我预计这将是完美的响应：在大屏幕上，线条将保持短且主体居中，在小屏幕上，主体将占据它所能获得的所有屏幕。这适用于我的网络浏览器的“响应式设计视图”。但是在移动设备上，页面就像一个巨大的屏幕一样显示：文本很小，边距很大。如何让移动浏览器停止这种愚蠢的行为？

【问题讨论】：

【解决方案1】：

使用移动浏览器时，您需要指定视口宽度。

<meta name="viewport" content="width=device-width, initial-scale=1">

阅读更多：MDN

【讨论】：