html - 媒体查询不起作用

Question

似乎我已经正确地完成了所有事情，但它就是行不通。它也不会在检查元素时显示。要检查它是否是媒体查询，请尝试设置不同的 bg 颜色。

@media screen and (max-width:1050px) {
  #hmbn {
    width:400px !important;
    background-color:red !important;
  }
}

div 放置在 Bootstrap 行内

http://jsfiddle.net/CH8Hb/

Answer 1

这是由 #hmbn 中的 float 元素引起的

Bootstrap 内置了 clearfix。将类 clearfix 添加到 #hmbn

<div id="hmbn" class="clearfix">
    ...
</div>

WORKING DEMO

---

问题被编辑后以下内容不再适用...

删除;

@media 屏幕(最大宽度:1050px){