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;
  }
}