更改高度后,条纹标签不会保持100%

时间:2016-12-11 15:56:11

标签: html css css3 ionic-framework sass

如果我通过以下方式更改标签:

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

或者

$tabs-height:                     75px !default;

标签条不会保持100%宽度。

按照图片以便更好地理解:

http://imgur.com/a/7CvH6

全部谢谢

编辑:

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>

Sass:

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

问题: http://imgur.com/a/IRwze

条纹不会占据标签的整个宽度,正如我用红色箭头所示

0 个答案:

没有答案