Css 水平菜单问题

水平菜单的问题。桌面和安卓设备显示正确，但问题仅限于iPhone

ul.mobile_biz_tab{
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    margin-bottom: 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; 
    width: 100%;
}
ul.mobile_biz_tab > li {
    -webkit-flex:auto;
    -webkit-box-flex:auto;
    -moz-flex:auto;
    -moz-box-flex:auto;
    -ms-flex:auto;
    flex:auto;
    width: auto;
    background: none;
    border:none;
    display: inline-block;
     width: 100%;
}

---

未在设备中正确显示。

菜单在iphone中显示如下：欢迎使用SO。我们在这里帮助您排除故障或帮助您提供代码。请选择a并阅读关于如何/在何处发布问题的说明。请添加您的代码。