flex布局分为旧版本dispaly: box;
,过渡版本dispaly: flex box;
,以及现在的标准版本display: flex;
。所以如果你只是写新版本的语法形式,是肯定存在兼容性问题的。
- Android
- 2.3 开始就支持旧版本
display:-webkit-box;
- 4.4 开始支持标准版本
display: flex;
- 2.3 开始就支持旧版本
- IOS
- 6.1 开始支持旧版本
display:-webkit-box;
- 7.1 开始支持标准版本
display: flex;
- 6.1 开始支持旧版本
- PC
ie10开始支持,但是IE10的是-ms
形式的。
下面是各个浏览器的支持情况
- 盒子的兼容性写法
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 子元素的兼容性写法