javascript - 安卓手机不支持flex吗
大家讲道理
大家讲道理 2017-04-11 13:33:28
[JavaScript讨论组]

我的安卓手机4.2,用了qq uc浏览器都不知道flex,怎么样回事,苹果打开可以的,安卓手机flex就不起效果了;

.header-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

什么前缀都加上了;

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
ringa_lee

安卓4.4支持。4.4之前的支持旧的flex。这是caniuse的数据
http://caniuse.com/#search=flex

ringa_lee

flex布局共经历了三个阶段,不要使用最新的写法,用老的写法(flex-box)兼容性是比较好的 基本所有机型都能覆盖,UC等浏览器也都没问题。

///盒子布局样式(子元素水平布局)
.box-style-horizontal {
    width: 100%;
    @include flexbox((
        display: box,
        box-orient: horizontal,
        ),$version: 1);
     .items {
        @include flexbox((
        box-flex: 1
        ),$version: 1)
    }
}

.box-style-horizontal-center {
    width: 100%;
    @include flexbox((
        display: box,
        box-orient: horizontal,
      box-align: center
        ),$version: 1);

}
ringa_lee

4.4以前要用

display:box;

伸缩盒子模型在各个浏览器还是有很多不同

很久不用,去年开发时候用过 flex-wrap在微信里有点问题,不知道微信修复没有,有老司机知道么

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号