html代码在服务器上的执行方式与本地不同

Question

我在html中有这段代码：

<div id="mobile" class="container">
   /*code here*/
</div>
<div class="cont">
   /*code here*/
</div>

一些小的CSS代码

#mobile{ display: none; }
@media screen and (max-width: 420px) {
    .cont{ display: none!important; }
    #mobile{ display: block!important; }
}

我不知道为什么代码执行完美本地，但是在我上传到服务器后，不再工作了。 “working”=媒体屏幕查询不“正常”... 如果我在移动设备上（屏幕是360px），但即使在css代码中指定了.cont，也会显示{{1}}。 我只是想不通为什么会这个？

Answer 1

在头部需要添加元标记： <meta name="viewport" content="width=device-width" />