开发者社区> 问答> 正文

微信和qq内置浏览器是否支持flex

都说微信和qq内置浏览器不支持flex,我写了个页面,在微信里跑了一下,发现确实是这样。

但是为什么qq会员充值页面里的flex在微信和qq内置浏览器内是支持的呢?
如下:
1.登录手机qq, 打开左边的抽屉式菜单,选择“开通会员”,会跳转到一个html5页面(请忽略我的昵称,呵呵)
screenshot
screenshot
screenshot
复制这个页面的地址到微信中,打开也显示正常

4.那么问题来了,是不是说qq和微信内置浏览器已经支持flex了呢? 为什么我照着这个样子写,却在微信和qq中显示不正常呢?该加的前缀我也加了啊,webkit-box-也加了啊!

展开
收起
杨冬芳 2016-06-06 17:22:21 3144 0
1 条回答
写回答
取消 提交回答
  • IT从业

    微信浏览器是可以支持flex的。我猜题主遇到我以前的问题:以为给display加上-webkit-就万事大吉。
    但事实上justify-content这些属性也要加-webkit-的。
    附上我自己的一段样式。亲测有效。

    .flexbox {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        
    }
    .flexbox > .item {
        display: -webkit-flex;
        display: flex;
        -webkit-align-self: center;
        align-self: center;
    }
    2019-07-17 19:29:03
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
基于浏览器的实时构建探索之路 立即下载
WEB浏览器中即将发生的安全变化 立即下载
基于浏览器的实时构建探索之路--玄寂 立即下载