css3中的媒体查询失效

Question

@media screen and(max-width: 550px){  
  body{      
    background-color: rgb(12,16,33);
    }
}

这段代码在我的css文件最后 ，就是想在浏览器改变宽度的时候改变背景颜色，可是并没有起到作用，是什么情况？

Answer 1

由于使用了媒体查询，这个max-wdith，限制的窗口在550px以内才生效，检测你的窗口宽度是否超了

Answer 2

@media screen and (max-width: 550px) {注意and前后必须要有空格