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>

标签在我的桌面浏览器上显示正常，但是一旦我切换到移动视图，"新闻和事件"标签就会被切断。我所能看到的(取决于屏幕尺寸(是"新闻&"，其余部分被切断。即使我单击该选项卡，也不会显示完整标签。

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

Answer 1

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

md-stretch-tabs将拉伸选项卡组标题栏，并为所有选项卡标签提供相等的宽度。删除该属性，您将使其按预期工作。

更新普伦克演示。