为什么媒体查询在此代码中不起作用

Question

我正在尝试对.site-title使用576px的媒体查询，但是它不起作用，但是当我在头部声明带有样式标签的相同媒体查询时，它可以工作。我该如何克服这个问题？这是codepen链接： https://codepen.io/Razu381/pen/XQJVzg

（媒体查询位于CSS表格的底部）

      @media  screen and (max-width:576px){
        .site-title{
          font-size: 20px;
          color: red;
        }

       }

Answer 1

请添加有关您的问题的更多详细信息，尽管此媒体查询如下：

@media  screen and (max-width:576px){
        .site-title{
          font-size: 20px;
          color: red;
        }

       }

从我这边很好地工作。并且在媒体查询

中始终使用 em 代替 px