CSS media query的min-width与max-width样式不生效问题

代码存在基础CSS语法错误：@media 只是条件判断容器，内部必须书写完整的CSS规则（选择器+属性声明），不能直接写属性。你写的媒体查询块里没有指定目标选择器，直接写了background-color:blue，这条规则浏览器完全不会解析生效，自然没法覆盖div原本的红色背景。

在媒体查询块内补上div选择器，把蓝色背景的属性声明放到div的规则块里即可。
修复后的完整CSS代码：

div
{
  height:400px;
  width:400px;
  background-color:red;
}

@media only screen and (min-width: 1068px) and (max-width: 1380px)
{
  div {
    background-color:blue;
  }
}

修改完成后，把窗口宽度调到1068px-1380px区间时，div背景就会正常切换为蓝色。

内容的提问来源于stack exchange，提问作者Xeon