为什么我的网站在移动显示这样而不是只有内容?我是不是漏掉了一些CSS?请不要,我正在body
中使用box-sizing:border-box
。我使用了一些媒体查询,但网站是如此缩小和所有的内容在左边的移动视图。
您很可能缺少htmlhead
中的viewport标记:
<head>
…
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
…
</head>
meta标记中的user-scalable=no有助于禁用页面放大和缩小
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />