flex布局兼容浏览器处理

/* 容器盒子兼容处理 */
.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- */
}

posted @ 2021-04-15 13:09  xujing123  阅读(406)  评论(0编辑  收藏  举报