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

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

  •  
  •   Kilerd ·
    Kilerd · 2015-11-15 23:18:58 +08:00 · 9256 次点击
    这是一个创建于 3330 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    第 1 条附言  ·  2015-11-16 00:24:24 +08:00
    似乎大家好像都没怎么敢用 flex 。

    http://segmentfault.com/a/1190000002616717

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

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

    http://segmentfault.com/a/1190000002616717

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