@media min-width 失效

hello_world_1
  • 4
新手上路,请多包涵
<style>

@media screen and (min-width:768px)
{
    .hidden-sm {
        display: none !important;
    }
}

</style>
<div class="hidden-sm" style="background-color:green;">768- 会显示  </div>

在<768 的时候 应该能显示出来的呀,为什么不显示呢,真是蛋疼

回复
阅读 3.1k
1 个回答
hello_world_1
  • 4
新手上路,请多包涵

发现是chrome浏览器developer Tools 里的 toggle device toolerbar 的bug,
在工具里 调整宽度时,忽略了@media screen and (min-width:768px)
,在外面直接调整浏览器窗口宽度就正常

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏