md-tab标签在移动视图中不会完全显示

Question

我正在使用md-tab-group来表示一堆标签，如下所示：

<md-tab-group md-stretch-tabs>
    <md-tab label="ALL">
        ...
    </md-tab>
    <md-tab label="MAPS">
        ...
    </md-tab>
    <md-tab label="NEWS & EVENTS">
        ...
    </md-tab>
    <md-tab label="STAFF">
        ...
    </md-tab>
</md-tab-group>

我桌面浏览器上的标签显示正常，但只要切换到移动视图，“NEWS＆amp; EVENTS”标签就会被切断。我所能看到的（取决于屏幕尺寸）是“新闻与”其余部分被切断了。即使单击选项卡，也不会显示完整标签。

是否有任何方法可以显示整个标签？

Answer 1

此处的问题是您在md-stretch-tabs中使用md-tab-group属性。

md-stretch-tabs会拉伸标签组标题栏并为所有标签标签指定相等的宽度。删除该属性，您可以按照自己的意愿使用它。

更新plunker demo。