Html 媒体查询不起作用。我该如何解决这个问题

所以我建立了一个类似于我发现的模板的网站。该网站有两个网格，我想通过媒体查询更改列数和行数，使网站响应。然而，媒体的质疑只是拒绝正常运作。有两个问题：1）它做我想做的事，但不是在我想做的时候；2）它什么都不做

   @media screen and (max-width:760px) {
   body{
        background-color: green;
       }
   } 

例如，这将起作用，但只有当屏幕宽度至少为600px时，颜色才会改变

  @media only screen and (max-width: 760px) {
  #grid {
      grid-template-columns: 1fr 1fr ;
      grid-template-rows: 2fr 2fr 2fr 2fr;
  }
 }

这个根本不行。

---

请帮助，这太令人沮丧了，我觉得自己很笨，因为你正在构建一个现有的模板，你可能会有问题

尝试通过放置

来覆盖它！重要信息

，在不起作用的声明末尾

例如：

@media screen and (max-width:760px) {
   body{
        background-color: green !important;
       }
   }

---

更好的方法是使用浏览器的检查器查找覆盖您的声明，然后编辑它（如果您有权访问该代码）。但是

！重要提示

目前是一个快速解决方案。

不，没有任何更改。另外，当我说我正在使用模板时，我的意思是我正在尝试从模板复制。所有的编码都是由meCan完成的我看到你正在使用的原始CSS了吗？如果

！重要提示

不起作用，可能是因为原始声明更为具体，并且具有

！重要信息

也附加到它后面。