标签： css mobile responsive-design
我有这个非常简单的CSS布局，它会限制身体宽度并将其置于屏幕的中心位置：
body { max-width: 38em; margin: auto; }
我希望这是完全响应的：在巨大的屏幕上，线条将保持短而身体居中，在小屏幕上，身体将抓住它可以获得的所有屏幕。这适用于我的网络浏览器＆＃34;响应式设计视图＆＃34;。但是在移动设备上，页面显示就好像是一个巨大的屏幕：微小的文字，侧面的大边距。如何告诉移动浏览器停止表现这种愚蠢行为？
答案 0 :(得分：0)
使用移动浏览器时，您需要指定视口宽度。
<meta name="viewport" content="width=device-width, initial-scale=1">
阅读更多：MDN