媒体查询不起作用

媒体查询不起作用

@media only screen and(max-width: 1200px ) { .main { color: red; } }

改之后：

@media only screen and (max-width: 1200px ) { .main { color: red; } }

and之后加空格，有的编译器，像Hbuilder 打个media会自动生成模板，就不存在这个问题，有的编译器比如Vscode，就要自己春手写，所以稍不留神

就忽视了，记得and 后面加空格，媒体查询才会生效哦