如何增加角材料中的 md-tab 大小？答案

【问题标题】：How to increase md-tab size in angular-material?如何增加角材料中的 md-tab 大小？
【发布时间】：2015-08-28 06:11:59
【问题描述】：

我想增加我的标签宽度，如下图所示，但不知道如何在 angular-material 中做到这一点。

请帮忙

【问题讨论】：

可以分享相关代码吗？？？

标签： angularjs material-design angular-material

【解决方案1】：

您可以在官方文档md-tabs doc 中查看md-tabs 的所有选项。

md-stretch-tabs mobile      desktop
auto            stretched   ---
always          stretched   stretched
never           ---         ---

<md-tabs md-stretch-tabs="always">
  <md-tab label="Tab #1"></md-tab>
  <md-tab label="Tab #2"></md-tab>
  <md-tab label="Tab #3"></md-tab>
</md-tabs>

在 Angular Material 6.0.1 版中

<mat-tab-group mat-stretch-tabs="always">
  <mat-tab label="Tab 1">Content 1</mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>

【讨论】：

【解决方案2】：

Doc Angular Material - Tabs

可以通过 md-stretch-tabs 属性覆盖此默认行为。下表显示了何时会发生拉伸：

md-stretch-tabs

使用总是

【讨论】：