关于@media screen 不起作用的问题

在CSS中设置了适应屏幕的代码：

@media screen and(max - width: 900px) {
  .boxShadow {
            display: none;
        }
    }

但是完全没有作用啊？百度也没解决问题。
在审查元素里面也显示不出来。
对了，我在头部加了：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="applicable-device"content="pc,mobile"/>

---

一定是因为空格，正确的应该是

@media screen and (max-width: 900px) {
  .boxShadow {
            display: none;
        }
    }

---

一般这个@media screen and(max - width: 900px) {}样式要放在css样式表的最下面，不然会被相同样式覆盖