Angular 如何更改sidenav（抽屉）的默认宽度

如何自定义侧导航的默认宽度？ 我已尝试更改文档中的内容：

mat-drawer {
  width: 200px;
}

但它不起作用。如果我加上！重要信息：扩展功能不起作用 这是一个密码

<mat-drawer-container class="example-container" fullscreen autosize>
  <mat-drawer [@openClose]="menuState == 1 ? 'open':'close'" class="example-sidenav" mode="side" opened>
    <app-menu-top></app-menu-top>
    <app-side-menu-links></app-side-menu-links>
  </mat-drawer>

  <div class="example-sidenav-content">
    <app-header [configData]="configData" (onSearchButtonClick)="searchButtonClick($event)"></app-header>
      <ng-content></ng-content>
    </div>
</mat-drawer-container>

---

提前谢谢

您似乎错过了css中类的

语法，也可以在代码中尝试这个类-

.mat-sidenav {
  width: 200px;
}

---

PS：它必须在src文件夹（全局css文件）的styles.css中声明。

似乎您错过了css中类的语法，也可以在代码中尝试这个类-

.mat-sidenav {
  width: 200px;
}

---

PS：它必须在src文件夹（全局css文件）的styles.css中声明。

尝试在css中使用以下代码：

.mat-sidenav {
min-width: 200px }

---

有时，组件在创建时需要最小宽度，如果正在扩展，它会自动适应宽度大小。

尝试在css中使用以下代码：

.mat-sidenav {
min-width: 200px }

---

有时，组件在创建时需要最小宽度，如果它正在扩展，它会自动适应宽度大小。

mat drawer

也应该可以工作，我认为还有其他原因。由于文档的原因，它是mat drawer，但是。mat drawer也不能工作。我可以设置宽度：200px！很重要，这很好，但在这种情况下，扩展不起作用（菜单状态）@TuviaKhusidDid您是在styles.css中还是在组件的css上设置的？它必须在src文件夹的styles.css中。@Hypenate是的，之前忘记添加了，谢谢您的评论

mat-drawer

应该也能用，我想还有别的东西。由于文档的原因，它是mat-drawer，但是。mat-drawer也不能用。我可以设置宽度：200px！很重要，这很好，但在这种情况下，扩展不起作用（菜单状态）@TuviaKhusidDid您是在styles.css中还是在组件的css上设置的？它必须在src文件夹的styles.css中。@Hypenate是的，之前忘记添加了，谢谢您的评论！