CSS flex属性 兼容各个浏览器
snail106 次
/* 容器盒子兼容处理 */ .box { display: -webkit-flex; /* 新版本语法 Chrome 21+ */ display: flex; /* 新版本语法 Opear 12.1 Firefox 22+ */ display: -webkit-box; /* 新版本语法 Safari, ios, Android browser, older Webkit browsers. */ display: -moz-box; /* 新版本语法 Firefox(buggy) */ display: -ms-flexbox; /* 新版本语法 IE 10 */ } /* 子盒子兼容处理 */ .flex { -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opear 12.1, Firefox 20+ */ -webkit-box-flex: 1; /* OLD - ios 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ }
评论 | 0 条评论