离子md-tabs挤压标签

时间:2017-06-08 13:10:21

标签: angularjs angularjs-material ionic-v1

我用离子和角度材料设计创建了这个应用程序。我的问题是当我使用带有4个以上标签的md-tabs时。当我在视图之间切换并返回到md-tabs时它会挤压......它在android上很常见,通常只是它。

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

正常

enter image description here

挤压

enter image description here

  

解决方案

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

1 个答案:

答案 0 :(得分:1)

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