CSS - 媒体查询不起作用

Question

我试图在桌面上隐藏div但是在移动设备上显示它，即div只能在移动设备上显示。代码为here

我想要这部分代码          

         <div class="mobiupdbox">
         <div class="ovalmain"> Updates</div>
         </div> 
          

仅在移动版本中执行。但它也显示在桌面版本上。

有趣的是，当我在jsfiddle here上传相同的代码时，它按预期工作（即＆＃39;更新＆＃39;部分未显示）。我只是无法理解我哪里出错了。请帮助我们。我一直在尝试对这个问题进行排序。

Answer 1

如果您只想隐藏大于600像素的div，那么请在媒体查询中 使用：

@media all and (min-width: 601px) {.....}