如何防止移动端出现PC端页面

151 阅读1分钟

做响应式的时候,明明做了媒体查询,在切换到模拟手机页面之后,发现手机端页面还是PC端页面,但是是缩小版。这属于是历史遗留问题。

解决办法是添加一个<meta>标签。

<meta name="viewport" content="width=device-width, user-scalable=no,
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

vscode直接在html输入meta:vp,按下Tab,即可出现,但还是要补全最大最小属性。

问题解决。