@media媒体查询中css代码不显示（不生效）的原因
1、格式书写有错误，and后面必须有空格
例如下面代码；
@media screen and (max-width:500px){ }2、样式冲突；@media查询代码的样式被后面的css所覆盖
注意：建议在书写css的过程中，@media查询带的css写在后面，以免这样避免被前面的css覆盖
3、css本身出了问题导致css不生效
注意：这是一种很常见的错误，例如块元素浮动导致父级元素没有高度；此时给父元素加背景颜色发现没有生效，实际上是css导致的错误，而没有显示。
例如css选择的优先级也会导致对其中一种生效另外一种不生效，等等css错误导致的问题也非常多，就不一 一列举了。
4、meta属性viewport属性，这个虽然基本常识，应该也会有人漏掉
<meta name="viewport" content="width=device-width, initial-scale=1" />
5、括号中的内容内容不能写结束符“;”，以及其它错误。
更多前端开发知识，请查阅 HTML中文网 ！！
以上就是@media媒体查询中css代码不显示是什么原因？的详细内容，更多请关注易知道|edz.cc其它相关文章！
