欢迎使用CSDN-markdown编辑器

Flex内层inline 无法在UC浏览器100%适应

    <style type="text/css">
        .city_search{overflow:hidden;padding:0 1.2rem;height:2.8rem;
            display: -webkit-box;display:flex;
            -webkit-box-align: center;align-items:center;
            position:relative;
        }
        .city_search input{display:block;height:1.6rem;line-height:1.6rem;border:1px solid #d5d5d5;border-radius:0.8rem;
            padding-left:1.2rem;font-size:0.8rem;
            background:url(../img/icon_search.png) 0.4rem center no-repeat;
            background-size:0.6rem 0.6rem;
            -webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;
        }
    </style>
    <div class="city_search">
        <input type="text" value="" placeholder="搜索城市" id="city_search" v-model="search" />
    </div>

内层input无法100%适应外层宽度，加入display:block;