Angular 8 无法识别媒体查询

Question

我正在做一个 Angular 8 项目，我正在尝试在组件中应用媒体查询：

@media only screen and (min-width: 1024) {
  .content {
    max-width: 65%;
    padding: 30px 20px 0;
  }
}

在我的 index.html 中，视口设置为：

<meta name="viewport" content="width=device-width, initial-scale=1">

但无法识别媒体查询。当我分析应用的 CSS 时，媒体查询不在这里。

非常感谢！

Answer 1

尝试将 px 或 em 添加到“1024”。

@media only screen and (min-width: 1024px) {
  .content {
    max-width: 65%;
    padding: 30px 20px 0;
  }
}

Media Query Not Recognized with Angular 8