mat-list 的 CSS 媒体查询

Question

我试图让我的 Material 列表文本在屏幕尺寸较小时缩小。我尝试创建一个自定义的 css 类，但没有用，文本没有改变，所以我只是尝试像这样修改 mat-list 类:

@media (max-width: 1026px) {
  .mat-list {
    font-size: 10px;
  }
}

@media (min-width: 1026px) {
  .mat-list {
    font-size: 60px;
  }
}

但文字大小仍然没有改变。

Answer 1

您必须在全局 styles.css 样式表中执行此操作。