javascript - safari和UC浏览器都不支持媒体查询吗？

Question

@media screen and (max-width:980px){
   .dongtai{display: none;}
}
@media screen and (max-width:900px){
    #content{width:100%;}
    #right{display: none;}
    #footer{display: none;}
}

就用了以上简短的代码，希望在屏幕较小的时候隐藏部分布局。
电脑上测试了Chrome Firefox UC HD版（win8版） Edge都是正常的，但是在safari上，无论是电脑上还是手机上都不起作用，觉得好像不应该这样的，是不是我写得有什么问题？
还有就是安卓手机上测试了Chrome，QQ浏览器，欧朋浏览器和坚果手机自带的浏览器，也都没有问题，但是安卓上无论是普通版的UC，还是HD版的UC浏览器，也都和safari浏览出现一样的问题。
求解！

Answer 1

大神  这个问题解决了没有   新手碰到了这个问题    跪求告知解决方案