浏览器兼容CSS的坑 对应前缀及CSS预处理

在不同浏览器开发编写CSS时会出现个别问题,比如:像素,颜色,边距,页面变乱,比例等等...让人头疼,不过现在可以使用兼容前缀,实现适配多个浏览器兼容问题,如下:

-webkit-     兼容      Safari  Chrome
-moz-        兼容       Firefox
-ms-          兼容       IE
-0-             兼容       Opera

开发中使用的时候,如下图:

浏览器兼容CSS的坑 对应前缀及CSS预处理

还有钟情况就是使用css预处理,lass,scss,styles,等。那么如图,是scss的。

浏览器兼容CSS的坑 对应前缀及CSS预处理

以上就是分别兼容当前主流浏览器CSS前缀了。