V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
gdtv
V2EX  ›  CSS

请问现在使用 flex 布局对浏览器的兼容如何?

  •  
  •   gdtv · 2017-07-13 11:21:02 +08:00 · 10652 次点击
    这是一个创建于 2683 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我是非专业前端,但有时也要做一些前端的工作。
    发现 flex 可以让 css 开发比以前简单一些。
    请问现在主流的浏览器,包括但不限于电脑版的 chrome,firefox,ie9,edge,360 浏览器,360 极速浏览器,搜狗浏览器,以及安卓、iphone 自带浏览器、手机微信内置浏览器、手机 QQ 内置浏览器,对 flex 的兼容性如何?

    6 条回复    2017-07-13 14:55:15 +08:00
    SourceMan
        1
    SourceMan  
       2017-07-13 11:22:29 +08:00
    gdtv
        2
    gdtv  
    OP
       2017-07-13 11:39:54 +08:00
    @SourceMan 这里似乎没有说到微信和 QQ 内置的浏览器
    SourceMan
        3
    SourceMan  
       2017-07-13 11:43:42 +08:00   ❤️ 1
    @gdtv #2 稍等,我用“腾讯 x5 内核 flex ” 帮你 Google 一下

    结果出来了,在 x5 的更新历史里面发现是已经支持的
    https://x5.tencent.com/tbs/history.html#/
    caniuse
        4
    caniuse  
       2017-07-13 13:24:11 +08:00
    Click here
    mandex
        5
    mandex  
       2017-07-13 14:47:37 +08:00   ❤️ 1
    前不久做了个微信的项目,都是 flex 写的,安卓版的因为微信用的自己的 X5,一点问题都没有。
    然后 iOS8 上挂了,因为它只支持不标准的 flex。我加了 css 处理器的,然而生成的代码并不完全兼容,抢救了一晚上。
    总的来说,移动端用 flex 没有问题的。写的时候要注意。
    lmqdlr
        6
    lmqdlr  
       2017-07-13 14:55:15 +08:00
    对于移动端,autoprefixer 补好前缀,记得 flex 下面的元素都是块元素或者设置为块就行了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1080 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 23:21 · PVG 07:21 · LAX 15:21 · JFK 18:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.