Html 条纹选项卡在更改其高度后不会保持100%

如果我通过以下方式更改选项卡：

.tab-x {
    .tab-nav {
        height: 75px !important;
    }
}

或

标签条的宽度不是100%

为了更好地理解，请按照图片进行操作：

谢谢大家

编辑：

Html视图：

<ion-pane>
<ion-tabs class="tabs-icon-top tabs-striped tabs-color-royal tab-x">
     <ion-tab title="Follow" icon="flaticon-user flaticon-user-tab">
        <ion-view>
            <ion-content class="bg-mycareer content-tab-mycareer">
            </ion-content>
        </ion-view>
    </ion-tab>

    <ion-tab title="View" icon="flaticon-browser-visualization flaticon-browser-visualization-tab">
    <ion-view>
        <ion-content class="bg-mycareer content-tab-mycareer">
        </ion-content>
    </ion-view>
  </ion-tab>
</ion-tabs>

问题是：

---

条纹没有占据标签的全部宽度，正如我用红色箭头显示的那样

请您发布更多的代码，以便我们更好地了解出了什么问题。我不相信条纹应该是100%。它会突出显示活动选项卡，即使使用默认样式，选项卡的底部边框也会显示为与您的屏幕截图相同。请您发布更多的代码，以便我们更好地了解出现的问题。我不相信条纹应该是100%。它高亮显示活动选项卡，即使使用默认样式，选项卡的底部边框也与屏幕截图相同。

<ion-pane>
<ion-tabs class="tabs-icon-top tabs-striped tabs-color-royal tab-x">
     <ion-tab title="Follow" icon="flaticon-user flaticon-user-tab">
        <ion-view>
            <ion-content class="bg-mycareer content-tab-mycareer">
            </ion-content>
        </ion-view>
    </ion-tab>

    <ion-tab title="View" icon="flaticon-browser-visualization flaticon-browser-visualization-tab">
    <ion-view>
        <ion-content class="bg-mycareer content-tab-mycareer">
        </ion-content>
    </ion-view>
  </ion-tab>
</ion-tabs>

.tab-x {
    .tab-nav {
        height: 75px !important;
    }
}