css的flex兼容和calc兼容

YJ_0518

已于 2024-01-16 10:33:05 修改

阅读量348

点赞数

分类专栏： css 文章标签： css html5 html

于 2021-09-01 10:05:58 首次发布

本文链接：https://blog.csdn.net/weixin_45606890/article/details/120033497

版权

css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Display:flex;兼容：

	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

Calc()兼容：

	width: 90%;/*写给不支持calc()的浏览器*/ 
	width:-moz-calc(100% - (10px + 5px) * 2); 
	width:-webkit-calc(100% - (10px + 5px) * 2); 
	width: calc(100% - (10px + 5px) * 2);