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

2015-11-15 23:18:58 +08:00
 Kilerd

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

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

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

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

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

9140 次点击
所在节点    CSS
13 条回复
jas0ndyq
2015-11-15 23:42:51 +08:00
安卓兼容不是很好
Biwood
2015-11-15 23:56:38 +08:00
IE9 都不支持
billlee
2015-11-15 23:59:18 +08:00
Android 版微信不支持
Kilerd
2015-11-16 00:11:38 +08:00
@jas0ndyq
@Biwood
@billlee

http://segmentfault.com/a/1190000002616717

按照这篇文章来说的话, 安卓至少要 4.4.4 以上才可以完美兼容咯。
billlee
2015-11-16 01:18:59 +08:00
@Kilerd 我说的是另一个问题, Android 微信用的是自己的排版引擎(下拉网页可以看到),完全不支持 flex, 对 CSS 3 的兼容很差。
chemzqm
2015-11-16 01:35:13 +08:00
pangtianyu
2015-11-16 01:42:31 +08:00
不要总是迁就那些硬是要旧版本不升级的 被惯坏了
MinonHeart
2015-11-16 08:41:02 +08:00
flex 主要特性是缩放和子盒子的布局。如果仅仅使用水平垂直居中没必要用它。 CSS2.1 部分可以实现居中问题。 flex 手机端支持度极差
kisnows
2015-11-16 09:01:00 +08:00
自己的项目就不用管那些不兼容的了
cloverstd
2015-11-16 09:10:39 +08:00
react-native 用的这个
jiongxiaobu
2015-11-16 09:20:21 +08:00
微信大坑
akinoniku
2015-11-16 09:45:23 +08:00
IE11 下如果有部分滚动的话,性能会非常糟糕
jetbillwin
2015-11-16 10:15:51 +08:00
关于布局的选择,如果不是自己写解析(比如 RN 那样)那么肯定要坑……

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

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

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

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

© 2021 V2EX