您的位置：首页 > 其它

flex布局兼容性问题

2018-03-27 16:59 267 查看
Android 
2.3 开始就支持旧版本 
display:-webkit-box;

4.4 开始支持标准版本 
display: flex;


IOS 
6.1 开始支持旧版本 
display:-webkit-box;

7.1 开始支持标准版本
display: flex;


PC 

ie10开始支持，但是IE10的是
-ms
形式的。



.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-*/
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  flex兼容问题
相关文章推荐
新的分享
章节导航