global.css没有响应Sapper应用中对@media所做的更改

Question

我正在使用包含global.css文件的sapper原始模板。在该文件中，@ media具有以下设置：

 @media only screen and (min-width: 500px) {
        body {
            font-size: 14px;

        }
    }

我刚刚添加了背景色：棕色；并没有任何反应。该文件的目的不是要将该文件中的CSS应用于应用程序的每个页面吗？ 我知道将：global（）添加到组件样式

:global(html) {
  background-color: green;
  }

但是我需要将所有更改都放在一个地方，因此global.css应该更新为：

@media only screen and (min-width: 500px) {
        body {
            font-size: 14px;
            background-color: greenyellow; <!-- Added this -->
        }
    }

，但是如果我将更改添加到global.css文件，则没有任何更改。仅当我将其添加到组件样式中时。如何将更改添加到global.css并从global.css应用？如何通过在global.css中添加background-color来使global.css成为我的sapper应用程序中CSS的主要提供者？