Ionic md-tabs 压缩标签

Question

我用离子和 angular material 设计创建了这个应用程序。我的问题是当我使用 md-tabs 超过 4 个标签时。当我在视图之间切换并返回到 md-tabs 时，它正在挤压......这在 android 上很常见，ios 上很常见。

<md-tabs md-stretch-tabs="auto" md-align-tabs="top" md-center-tabs="yes"
         md-dynamic-height="" md-border-bottom=""
         md-selected="data.selectedIndex">

正常

有挤压

Solution

md-tab-item.md-tab.md-ink-ripple {
    min-width: 111px;
}

Answer 1

您是否尝试过为生成的标签元素设置 min-width css 属性？

Ionic md-tabs 压缩标签

Ionic md-tabs squeezing tabs

angularjs

angularjs-material

ionic-v1