我有这个非常简单的 CSS 布局，它将限制主体宽度并将其居中放置在屏幕上:
body { max-width: 38em; margin: auto; }
我希望这是完美的响应:在大屏幕上，线条会保持较短， body 居中，在小屏幕上， body 会占据它能得到的所有屏幕。这适用于我的网络浏览器的“响应式设计 View ”。但在移动设备上，页面显示时就像是一个巨大的屏幕:小文本，大边距。我怎样才能告诉移动浏览器停止这种愚蠢的行为？
最佳答案
在使用移动浏览器时，您需要指定视口(viewport)宽度。
<meta name="viewport" content="width=device-width, initial-scale=1">
阅读更多:MDN
关于css - 如何使居中固定宽度的主体响应？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31652099/