看了一篇flex的文章如获至宝，然后运用到项目中。
测试的时候别人的的手机都没有问题，但我手机用uc打开之后布局就没有起作用，不知是uc不支持
display：flex吗？那打击也太大了，代码如下

<ul>
    <li></li>
</ul>

ul{
    display: flex;
    display: -webkit-flex;
    width: 97.5%;
    margin: 12px auto 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
li{
    width: 49%;
    position: relative;
    margin-bottom: 7px;
}

还有这个是嵌套的flex布局

<p>
    <p></p>
    <ul>
        <li></li>
    <ul/>
</p>

p{
    width: 97%;
    margin: 15px auto;
    display: flex;
    display: -webkit-flex;
}
p p{
    font-size: 1.8rem;
    color: #fff;
    padding: 12px 8px;
    background-color: #0e67ba;
}
p ul{
    display: flex;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    background-color: #e0e0e0;
}
p ul li{
    width: 25%;
    font-size: 1.4rem;
    color: #000;
    text-align: center;
}

请大家帮忙看看？