css - Safari 不加载媒体查询

Question

这不是第一次了，safari 忽略了我的媒体查询。我在 .scss/sass 中使用以下样式。

    #reality-check-content {
    @media screen and (max-width: 480px){
        width: 45% !important;
    }
   }

当我在 chrome 上测试时它工作并返回

 @media screen and (max-width: 480px)
 #reality-check-content {
   width: 45%!important;
 } 

同样在 firefox 中也可以。但是，在 safari 中却没有，我只是看不到我的媒体查询。这不是第一次，前几天我尝试隐藏一个元素，它适用于除 safari 之外的所有浏览器。关键是它似乎没有加载我的样式。

Answer 1

@media 查询必须使用括号。

@media screen and (max-width: 480px){
  #reality-check-nav {
    width: 45%!important;
  }
}