media query在android手机浏览器失效

最近在做一个移动的时候用到了media查询，但最后发现该属性在android手机上是失效的，就是没有任何作用，我用的测试手机是红米，css代码如下：

@media (max-device-width: 360px){
    .box1{
        width: 100%;
        height: 10rem;
        background-color: #f20;
        background-size: 100% 100%;
    }
}

 html代码如下：

<div class="box1">我是个好人</div>

 按照正常逻辑，这段代码显示的效果应该是一个高为10rem的红色背景块，可我在红米手机上测试的时候没有出来效果，在5S上面正常。请问media在android上有兼容性问题？还是media就不支持android系统？