最近在做一个小的项目,然后在写 CSS 的时候,突然想起自己收藏夹里面有一个讲 Flex 的文章。
尝试一下之后发现还不错,最重要的一点是, flex 做布局太容易了,尤其是在垂直居中这方面。
但是唯一不太好的就是(个人感觉): IE8 以下不支持,不清楚其他的兼容性如何。
就想问下,现在大家写 css 有使用 flex 的吗?
虽然我写的是一个小众的项目,但是还是不希望出现什么问题。
![]() | 1 jas0ndyq 2015-11-15 23:42:51 +08:00 安卓兼容不是很好 |
![]() | 2 Biwood 2015-11-15 23:56:38 +08:00 IE9 都不支持 |
3 billlee 2015-11-15 23:59:18 +08:00 Android 版微信不支持 |
![]() | 4 Kilerd OP @jas0ndyq @Biwood @billlee http://segmentfault.com/a/1190000002616717 按照这篇文章来说的话, 安卓至少要 4.4.4 以上才可以完美兼容咯。 |
5 billlee 2015-11-16 01:18:59 +08:00 @Kilerd 我说的是另一个问题, Android 微信用的是自己的排版引擎(下拉网页可以看到,完全不支持 flex, 对 CSS 3 的兼容很差。 |
![]() | 6 chemzqm 2015-11-16 01:35:13 +08:00 http://caniuse.com/#search=flex ie 系列各种 bug |
![]() | 7 pangtianyu 2015-11-16 01:42:31 +08:00 不要总是迁就那些硬是要旧版本不升级的 被惯坏了 |
![]() | 8 MinonHeart 2015-11-16 08:41:02 +08:00 via Android flex 主要特性是缩放和子盒子的布局。如果仅仅使用水平垂直居中没必要用它。 CSS2.1 部分可以实现居中问题。 flex 手机端支持度极差 |
9 kisnows 2015-11-16 09:01:00 +08:00 自己的项目就不用管那些不兼容的了 |
![]() | 10 cloverstd 2015-11-16 09:10:39 +08:00 react-native 用的这个 |
11 jiongxiaobu 2015-11-16 09:20:21 +08:00 via Android 微信大坑 |
![]() | 12 akinoniku 2015-11-16 09:45:23 +08:00 IE11 下如果有部分滚动的话,性能会非常糟糕 |
13 jetbillwin 2015-11-16 10:15:51 +08:00 关于布局的选择,如果不是自己写解析(比如 RN 那样)那么肯定要坑…… |