CNode

flex布局平常用的多么?

问答
MMsCtrl0发布于9 年前最后回复9 年前17 回复12101 浏览0 收藏

感觉兼容性并不好,有没有具体使用的例子

查看回复

回复 (17)

X
xcatliu#1·9 年前

可以看看 caniuse 的兼容性: http://caniuse.com/#feat=flexbox

D
DawnL6#2·9 年前

我一般移动端的就用 , pc端的用的很少

X
xcatliu#3·9 年前

我之前做 Mobi.css 的时候,研究了下 flex 布局。

对于兼容性:

  1. Flex 有两种写法,一种是旧版的规范,一种是新版的规范。旧版的规范基本已经废弃了,建议不要学也不要写了。
  2. IE9 以下(包含 IE9)不支持 flexbox,如果你需要兼容 IE9,则不能用 flex 布局。
  3. IE10 和 Android 4.3 以下(包含 Android 4.3)不支持 flexbox 的新规范,如果需要兼容它们,也比较麻烦。
  4. 其他浏览器都支持新规范,有的需要前缀,建议使用 postcss 自动加前缀。
  5. UC 浏览器是个坑。

Flex 布局还是很方便的,可以看看我做的封装: http://getmobicss.com/zh-cn/docs/#Flexbox

Y
yakczh#4·9 年前

有没有display:-moz-flex 这个属性值? 同样的关键字 -moz-flex 分别搜一下

http://cn.bing.com/search?q=-moz-flex https://www.so.com/s?q=-moz-flex

结果大相径庭 是不是国内很多搜索页面都是以讹传讹

L
leehomeok#5·9 年前

不考虑IE 还是可以用的

A
AberGLJ#7·9 年前

事实上ie是个坑,你会发现IE在很多时候都是不支持的

A
AberGLJ#8·9 年前

当然是相对于复杂一点点的,之前用过发现各种问题

W
wang-weifeng#9·9 年前

这个还是蛮好的

1
1340641314#10·9 年前

只要不考虑ie,我都使用。欢迎使用flex.css

source vue-cnode mobile 2.0

X
xiaozhouwu#11·9 年前

移动端应该用的比较多 ——来自吴小粥的cnode-react手机版

X
xiaozhouwu#12·9 年前

其实还是挺好用的,降低了开发的复杂度 ——来自吴小粥的cnode-react手机版

M
mov1er#14·9 年前

主要h5吧 ---from Vue + Muse-UI

1
1340641314#15·9 年前
引用 xcatliu@1340641314 flex.css 的设计很好呀

@xcatliu 谢谢,你们也很66。只能膜拜

source vue-cnode mobile 2.0

D
DevinXian#16·9 年前

只在移动端用过,不过会有些许的坑,安卓新版本浏览器和safari比较少,UC问题稍多...比pc好太多了...另外需要考虑微信浏览器和QQ浏览器,也有一些问题的

X
xcatliu#17·9 年前

@MsCtrl0 什么 undefined 了?

参与回复
登录后即可参与回复。登录