flex布局平常用的多么?
感觉兼容性并不好,有没有具体使用的例子
17 回复
我之前做 Mobi.css 的时候,研究了下 flex 布局。
对于兼容性:
- Flex 有两种写法,一种是旧版的规范,一种是新版的规范。旧版的规范基本已经废弃了,建议不要学也不要写了。
- IE9 以下(包含 IE9)不支持 flexbox,如果你需要兼容 IE9,则不能用 flex 布局。
- IE10 和 Android 4.3 以下(包含 Android 4.3)不支持 flexbox 的新规范,如果需要兼容它们,也比较麻烦。
- 其他浏览器都支持新规范,有的需要前缀,建议使用 postcss 自动加前缀。
- UC 浏览器是个坑。
Flex 布局还是很方便的,可以看看我做的封装: http://getmobicss.com/zh-cn/docs/#Flexbox
有没有display:-moz-flex 这个属性值? 同样的关键字 -moz-flex 分别搜一下
http://cn.bing.com/search?q=-moz-flex https://www.so.com/s?q=-moz-flex
结果大相径庭 是不是国内很多搜索页面都是以讹传讹