@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)
,在外面直接调整浏览器窗口宽度就正常

宣传栏