mui-bar-tab 在ios上错位

<div class="mui-card-footer">
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="#tabbar">
<span class="mui-icon mui-icon-flag"></span><span class="mui-tab-label">工单信息</span></a>
<a class="mui-tab-item" href="#tabbar-with-chat">
<span class="mui-icon mui-icon-compose"></span><span class="mui-tab-label">维修内容</span></a>
<a class="mui-tab-item" href="#tabbar-with-contact">
<span class="mui-icon mui-icon-navigate"></span><span class="mui-tab-label">领用备件</span></a>
<a class="mui-tab-item" href="#tabbar-with-map">
<span class="mui-icon mui-icon-paperplane"></span><span class="mui-tab-label">备件申请</span> </a>
</nav>
</div>