【问题标题】:Ionic md-tabs squeezing tabs离子 md-tabs 挤压标签
【发布时间】:2018-07-25 05:54:52
【问题描述】:

我使用离子和角材料设计创建了这个应用程序。我的问题是当我使用超过 4 个选项卡的 md-tabs 时。当我在视图之间切换并返回到 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">

正常

挤压

解决方案

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

【问题讨论】:

  • 您能否检查浏览器中的视图并发布 &lt;md-tabs&gt; 元素及其子元素的 DOM 层次结构(类和所有)的屏幕截图?

标签: angularjs angularjs-material ionic-v1


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-23
    • 2021-04-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多