V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
83f420984
V2EX  ›  程序员

现在做移动端开发是用的 Flexbox 么?

  •  
  •   83f420984 · 2014-05-22 20:20:49 +08:00 · 3977 次点击
    这是一个创建于 3824 天前的主题,其中的信息可能已经有所发展或是发生改变。
    网搜索了相关的资料,太不全了,稍微全点的是英文的,不太好懂,最近只搜索到了一篇”[译]深入了解 Flexbox 伸缩盒模型“的文章,感觉译的很不错
    17 条回复    2014-05-24 21:26:32 +08:00
    jsonline
        1
    jsonline  
       2014-05-22 20:29:53 +08:00 via Android   ❤️ 2
    wovfeng
        2
    wovfeng  
       2014-05-22 20:51:01 +08:00   ❤️ 1
    flexbox由于换过几次标准(3次),所以写的时候需要小心。其实基本上是可以兼容 android 2.3 , ie10+,ios 的。如果你使用不那么复杂的话。
    kamal
        3
    kamal  
       2014-05-22 20:54:31 +08:00   ❤️ 1
    display table tabel-cell 也可以参考下,能实现效果就行。
    jsonline
        4
    jsonline  
       2014-05-22 21:32:15 +08:00
    你是要问怎么用 Flexbox 还是要问能不能用 Flexbox?
    83f420984
        5
    83f420984  
    OP
       2014-05-22 21:59:07 +08:00
    @jsonline 没表达清楚,想问这个东西在移动端是不是非常的流行
    bombless
        6
    bombless  
       2014-05-22 22:47:11 +08:00
    我的理解是,现在的设计方式并不是很依赖flexbox。
    http://blog.jobbole.com/68577/
    83f420984
        7
    83f420984  
    OP
       2014-05-22 23:08:15 +08:00
    @bombless 哦哦,我现在做移动端的话,框架用Bootstrap,非框架用流式布局+媒体查询,学了几天的 Flexbox写了一个简单的布局,感觉这个玩意非常不错,可能说是未来的布局模式
    ximan
        8
    ximan  
       2014-05-22 23:21:38 +08:00   ❤️ 1
    挺好用的,我在大量使用。
    http://ons.me/wp-content/uploads/2014/04/flexbox.html
    无聊做的小工具,兼容android2.3+,IE10+。
    flexbox的主题问题,就是有好几个标准,用上面我这个小工具,直接生成全兼容代码就可以。
    83f420984
        9
    83f420984  
    OP
       2014-05-22 23:29:33 +08:00
    @ximan 西门。。。。
    hkongm
        10
    hkongm  
       2014-05-23 08:42:17 +08:00
    如果是流式宽度+border的问题的话,可以用box-sizing解决。
    pppanda
        11
    pppanda  
       2014-05-23 09:12:12 +08:00   ❤️ 1

    有时候-webkit-box用起来也不错
    83f420984
        12
    83f420984  
    OP
       2014-05-23 10:44:42 +08:00
    @hkongm 如果是为是实现某种界面的话,我会选择传统的布局模式,但当我知道Flexbox后,这个东西已经与传统的布局基本上没有任何的关系了,而且布局非常好控制与简单,老兄说的这种方法也非常实用,谢谢
    83f420984
        13
    83f420984  
    OP
       2014-05-23 10:45:31 +08:00
    @pppanda 2014流行display:table了么?得赶紧熟悉下了
    housne
        14
    housne  
       2014-05-23 16:59:24 +08:00
    @ximan ons 这域名 。。。
    gfreezy
        15
    gfreezy  
       2014-05-24 21:08:52 +08:00
    uc浏览器(还有几个国内的浏览器)对flexbox支持有问题,好像支持的是覆盖面最小的规范
    gfreezy
        16
    gfreezy  
       2014-05-24 21:09:21 +08:00
    2001的规范
    83f420984
        17
    83f420984  
    OP
       2014-05-24 21:26:32 +08:00
    @gfreezy 哦哦,谢谢了,大概知道支持得怎么样了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2635 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:15 · PVG 13:15 · LAX 21:15 · JFK 00:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.