移动视图中不能完全显示md选项卡标签

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 &“，其余的都被切断了。即使我单击选项卡，也不会显示完整的标签。

有没有办法显示整个标签？

Answer 1

这里的问题是您在md-tab-group中使用了md-stretch-tabs属性。

md-stretch-tabs将拉伸选项卡组标题栏，并为所有选项卡标签提供相同的宽度。删除该属性，您就可以让它按您想要的方式工作。

更新plunker demo。