Kilerd
V2EX  ›  CSS

现在用 Flex 做布局,建议么?

  •  
  •   Kilerd ·
    Kilerd · Nov 15, 2015 · 9751 views
    This topic created in 3856 days ago, the information mentioned may be changed or developed.

    最近在做一个小的项目,然后在写 CSS 的时候,突然想起自己收藏夹里面有一个讲 Flex 的文章。

    尝试一下之后发现还不错,最重要的一点是, flex 做布局太容易了,尤其是在垂直居中这方面。

    但是唯一不太好的就是(个人感觉): IE8 以下不支持,不清楚其他的兼容性如何。

    就想问下,现在大家写 css 有使用 flex 的吗?

    虽然我写的是一个小众的项目,但是还是不希望出现什么问题。

    Supplement 1  ·  Nov 16, 2015
    似乎大家好像都没怎么敢用 flex 。

    http://segmentfault.com/a/1190000002616717

    上面这篇文章介绍了 flex 的基本用法,感兴趣的可以去看一下。
    可以尝试着在自己的小玩意里面用,布局很方便。

    BTW , 如果你的面向人群 90%都使用 Chrome 的话,那么 flex 肯定是你的最佳选择。
    13 replies    2015-11-16 10:15:51 +08:00
    jas0ndyq
        1
    jas0ndyq  
       Nov 15, 2015
    安卓兼容不是很好
    Biwood
        2
    Biwood  
       Nov 15, 2015
    IE9 都不支持
    billlee
        3
    billlee  
       Nov 15, 2015
    Android 版微信不支持
    Kilerd
        4
    Kilerd  
    OP
       Nov 16, 2015
    @jas0ndyq
    @Biwood
    @billlee

    http://segmentfault.com/a/1190000002616717

    按照这篇文章来说的话, 安卓至少要 4.4.4 以上才可以完美兼容咯。
    billlee
        5
    billlee  
       Nov 16, 2015
    @Kilerd 我说的是另一个问题, Android 微信用的是自己的排版引擎(下拉网页可以看到),完全不支持 flex, 对 CSS 3 的兼容很差。
    chemzqm
        6
    chemzqm  
       Nov 16, 2015
    expireddessert
        7
    expireddessert  
       Nov 16, 2015
    不要总是迁就那些硬是要旧版本不升级的 被惯坏了
    MinonHeart
        8
    MinonHeart  
       Nov 16, 2015 via Android
    flex 主要特性是缩放和子盒子的布局。如果仅仅使用水平垂直居中没必要用它。 CSS2.1 部分可以实现居中问题。 flex 手机端支持度极差
    kisnows
        9
    kisnows  
       Nov 16, 2015
    自己的项目就不用管那些不兼容的了
    cloverstd
        10
    cloverstd  
       Nov 16, 2015
    react-native 用的这个
    jiongxiaobu
        11
    jiongxiaobu  
       Nov 16, 2015 via Android
    微信大坑
    akinoniku
        12
    akinoniku  
       Nov 16, 2015
    IE11 下如果有部分滚动的话,性能会非常糟糕
    jetbillwin
        13
    jetbillwin  
       Nov 16, 2015
    关于布局的选择,如果不是自己写解析(比如 RN 那样)那么肯定要坑……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2823 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 09:58 · PVG 17:58 · LAX 02:58 · JFK 05:58
    ♥ Do have faith in what you're doing.