媒体查询media不见效的原因及解决

目次

• 媒体查询@media不见效的原因
• 1.格式书写错误
• 2.样式冲突
• 3.css本身出了问题导致css不见效
• 4.漏掉了meta属性viewport属性
• 总结

媒体查询@media不见效的原因

1.格式书写错误

and背面必须有空格

2.样式冲突

@media查询带的css写在背面

@media查询的css写在前面会被背面的css所覆盖。

3.css本身出了问题导致css不见效

注意：

• 这是一种很常见的错误，比方块元素浮动导致父级元素没有高度；
• 此时给父元素加配景颜色发现没有见效，实际上是css导致的错误，而没有显示。

4.漏掉了meta属性viewport属性

总结

以上为个人履历，渴望能给各人一个参考，也渴望各人多多支持脚本之家。