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

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

有时候-webkit-box用起来也不错
83f420984
2014-05-23 10:44:42 +08:00
@hkongm 如果是为是实现某种界面的话,我会选择传统的布局模式,但当我知道Flexbox后,这个东西已经与传统的布局基本上没有任何的关系了,而且布局非常好控制与简单,老兄说的这种方法也非常实用,谢谢
83f420984
2014-05-23 10:45:31 +08:00
@pppanda 2014流行display:table了么?得赶紧熟悉下了
housne
2014-05-23 16:59:24 +08:00
@ximan ons 这域名 。。。
gfreezy
2014-05-24 21:08:52 +08:00
uc浏览器(还有几个国内的浏览器)对flexbox支持有问题,好像支持的是覆盖面最小的规范
gfreezy
2014-05-24 21:09:21 +08:00
2001的规范
83f420984
2014-05-24 21:26:32 +08:00
@gfreezy 哦哦,谢谢了,大概知道支持得怎么样了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/113822

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX