离子md-tabs压缩标签 [英] Ionic md-tabs squeezing tabs

问题描述

我用离子和棱角材料设计创建了这个应用程序.我的问题是当我将md-tabs与四个以上的选项卡一起使用时.当我在视图之间切换并返回到md-tabs时，它很挤……在android上很常见，在ios上却很常见.

I have created this app with ionic and angular material design. My issue is when I use md-tabs with more than 4 tabs. It's squeezing when I switch between views and back to md-tabs... it's common on android, ios it's just usually.

<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;
}

推荐答案

您是否尝试过为生成的标签元素设置最小宽度 css属性?

Have you tried setting a min-width css property for the generated tab elements?

这篇关于离子md-tabs压缩标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！