@media screen and 无效问题

很多天以前就想学前端，自己写点儿东西（虽然之前会一点儿，但是时间太久远了。。。）

今天终于动工了！（该死的拖延症！！！）

当我信心十足的在编辑器上敲下@media screen and （max-width:500px）{} 后，效果在浏览器上始终显示不出来。

    <meta name="viewport" content="width=device-width, initial-scale=1" />

 

 想要做媒体查询，viewport是必须要有的。

还有，and后面要有空格，css语法错误也会导致媒体查询无效。