如何在窗口调整大小时缩小mat-tab-links

Question

我正在尝试使mat-tab链接根据窗口大小缩小。我尝试了flex-shrink，但是无法正常工作。有人知道这样做的方法吗？

谢谢。

<nav mat-tab-nav-bar mat-stretch-tabs="yes">
  <mat-toolbar>
    <a mat-tab-link *ngFor="let icon of icons" [routerLink]="icon.iconRouterLink" routerLinkActive #rla="routerLinkActive"
      [active]="rla.isActive" class= "tabs">
      <mat-icon>
        {{icon.iconName}}
      </mat-icon>
    </a>
  </mat-toolbar>
</nav>


.tabs {
  flex: 1 1 auto;
}