CSS flex属性 兼容各个浏览器「终于解决」

(37) 2023-03-27 15:14

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说CSS flex属性 兼容各个浏览器「终于解决」,希望能够帮助你!!!。
CSS flex属性 兼容各个浏览器「终于解决」_https://bianchenghao6.com/blog__第1张

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

上一篇

已是最后文章

下一篇

已是最新文章

发表回复