flex布局平常用的多么?
发布于 7 年前 作者 MsCtrl0 10717 次浏览 来自 问答

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

17 回复

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

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

我之前做 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

@xcatliu 赞赞赞

来自酷炫的 CNodeMD

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

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

这个还是蛮好的

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

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

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

不考虑IE 还是可以用的

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

source vue-cnode mobile 2.0

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

@1340641314 flex.css 的设计很好呀

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

source vue-cnode mobile 2.0

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

@MsCtrl0 什么 undefined 了?

回到顶部