【发布时间】：2016-09-07 19:47:28
【问题描述】：
我正在设计一个已经制作好的网站，我在我的 css 中输入的任何最大宽度低于 980 像素的 @media 查询甚至都不会显示在 Chrome Inspector 中，如果它通常适用于大于 980 像素的任何尺寸，则该查询适用。
这行不通
@media screen and (max-width: 979px){
.custom-home-title-slider {
color: red;
}
}
这样
@media screen and (max-width: 980px){
.custom-home-title-slider {
color: red;
}
}
【问题讨论】：
-
我在这里测试时两者都可以正常工作jsfiddle.net/vm36o98y 调整结果框架的大小，而不是浏览器窗口的大小。
-
你在css的什么地方添加媒体查询？最后？
-
我在最后添加它。他们自己工作，我要问的是我应该寻找什么可能导致我的查询被完全忽略。甚至没有出现在检查器中并被其他查询覆盖。它只是不存在。但它在任何最大宽度超过 980 像素的情况下都可以正常工作。
-
您是否检查了 HTML 中的
<link .../>元素以确保它不包含media="screen and ..."属性？ -
我做了，而且确实包含了css文件，而且css中的那一行就在那里。