gdtv
V2EX  ›  CSS

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

  •  
  •   gdtv · Jul 13, 2017 · 11129 views
    This topic created in 3229 days ago, the information mentioned may be changed or developed.

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

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

    结果出来了,在 x5 的更新历史里面发现是已经支持的
    https://x5.tencent.com/tbs/history.html#/
    caniuse
        4
    caniuse  
       Jul 13, 2017
    Click here
    mandex
        5
    mandex  
       Jul 13, 2017   ❤️ 1
    前不久做了个微信的项目,都是 flex 写的,安卓版的因为微信用的自己的 X5,一点问题都没有。
    然后 iOS8 上挂了,因为它只支持不标准的 flex。我加了 css 处理器的,然而生成的代码并不完全兼容,抢救了一晚上。
    总的来说,移动端用 flex 没有问题的。写的时候要注意。
    lmqdlr
        6
    lmqdlr  
       Jul 13, 2017
    对于移动端,autoprefixer 补好前缀,记得 flex 下面的元素都是块元素或者设置为块就行了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2954 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 05:58 · PVG 13:58 · LAX 22:58 · JFK 01:58
    ♥ Do have faith in what you're doing.