媒體查詢不起作用

媒體查詢不起作用

@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 后面加空格，媒體查詢才會生效哦