@media min-width 失效

Question

<style>

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

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

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

Answer 1

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