@media min-width 失效

简介: @media screen and (min-width:768px){ .hidden-sm { display: none !important; }}768- 会显示 发现是c...
<style>

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

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




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

目录
相关文章
|
8月前
|
编解码 Android开发
Android 常用布局单位区别(dp、sp、px、pt、in、mm)
Android 常用布局单位区别(dp、sp、px、pt、in、mm)
295 0
|
5月前
Limits: MIN_INFLATE_RATIO: 0.010000, Entry: word/media/image5.png
Limits: MIN_INFLATE_RATIO: 0.010000, Entry: word/media/image5.png
|
编解码
怎么解决 ie 中获取 window.screen.width 不正确?
怎么解决 ie 中获取 window.screen.width 不正确?
99 0
怎么解决 ie 中获取 window.screen.width 不正确?
|
Web App开发 前端开发
给Img标签设置height和width属性
给Img标签设置height和width属性
503 0
|
前端开发
|
前端开发
响应式 - 基于min-width和max-width属性的响应式布局
响应式 - 基于min-width和max-width属性的响应式布局
200 0
响应式 - 基于min-width和max-width属性的响应式布局
gdk_screen_get_scale_factor已经淘汰,改成gdk_screen_get_monitor_scale_factor
gdk_screen_get_scale_factor已经淘汰,改成gdk_screen_get_monitor_scale_factor
96 0