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- */
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐