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 & EVENTS" 标签标签就被截断了。我能看到的（取决于屏幕尺寸）是 "NEWS &"，其余部分被截断。即使单击选项卡，也不会显示完整标签。

有什么办法可以显示整个标签吗？

Answer 1

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

md-stretch-tabs 将拉伸您的选项卡组 header 栏并为所有选项卡标签提供相同的宽度。删除那个 属性 然后你会得到你想要的工作。

更新plunker demo.