Angular：Material 按钮遵循 Header 大小

Question

如何使 mat-icon 符合 header 尺寸？这个不行，箭头还是很小

  <h1>
    <button mat-icon-button (click)="testEvent()">
      <mat-icon>keyboard_arrow_up</mat-icon>
      <mat-icon>keyboard_arrow_down</mat-icon>
    </button>
  </h1>

SCSS:

h1 {
  @include font(400,40px);
}

Answer 1

在 css 以下应用这将使 mat-icon 符合 header 尺寸。

.mat-icon, .mat-icon-button{
  font-size: inherit;
}