开发者社区> 问答> 正文

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

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

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

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

好困惑,请哪位同仁有过这方面经验的告知一下,谢谢!

展开
收起
杨冬芳 2016-06-20 12:02:36 4741 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:44:01
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
微信广告引擎与播放节奏算法实践 立即下载
微信H5视频播放器在海量业务下的实践 立即下载
微信高效运维之路 立即下载