- Android
- 2.3 开始就支持旧版本
display:-webkit-box;
- 4.4 开始支持标准版本
display: flex;
- IOS
- 6.1 开始支持旧版本
display:-webkit-box;
- 7.1 开始支持标准版本
display: flex;
- PC
- ie10开始支持,但是IE10的是
-ms
形式的。 ![](https://i-blog.csdnimg.cn/blog_migrate/24c25d2413de0a26be2637110b980132.png)
-
.box{
display: -webkit-flex;/*新版本语法:chrome 21+*/
display: flex;/*新版本语法:opera 12.1,Firefox 22+*/
display: -webkit-box;/*老版本语法:Safari,iOS,Android browser,old Webkit browser*/
display: -moz-box;/*老版本语法:Firefox(buggy)*/
display: -ms-flexbox;/*混合版本语法:IE 10*/
}
.item{
-webkit-flex:1;/*Chrome*/
-ms-flex:1;/*IE 10*/
flex: 1;/* NEW ,Spec - Opera 12.1,Firefox 20+*/
-webkit-box-flex:1;/*OLD -iOS 6-,Safari 3.1-6*/
-moz-box-flex:1;/*OLD - Firefox 19-*/
}