无法为移动设备正确声明@media屏幕

Question

我试图为移动设备声明一种替代格式，但是没有考虑到右括号之后的代码，并且我意识到什至没有考虑到右括号（颜色格式不同）。我声明了@media屏幕和（最大宽度：800px），并且在我拥有的html代码中。

我不知道我在做什么错。

@media screen and (max-width: 800px){
  h2 {
      font-size: 24px;
     }
}

我只是使用咖啡杯来建立一个简单的网站，代码如下所示： Code in CoffeeCup

在图片中它显示右括号的格式不正确。 感谢您的帮助！

Answer 1

您的@media没问题，因为最后一个右括号是第二级括号，所以它没有突出显示，可以。您的代码中还有另一个@media吗？