css前缀和autoperfixer

加css的浏览器前缀的原因是css的标准并不是完全统一,不同浏览器内核有不同的标准,也有一些是浏览器内核的私有属性

方法/步骤

-moz-    Gecko内核前缀

-webkit-    WebKit内核前缀

-o-    resto内核前缀

-ms-   Trident内核(IE)前缀

-khtml-  Trident内核(旧版苹果)前缀

autoperfixer是一个强大的css3前缀补全插件,使用一个数据库根据当前浏览器的普及度以及属性支持提供给你前缀,它同时也能检测错误的语法并自动更正,它还能根据你设置的浏览器版本,自动补全或者删去前缀

使用autoperfixer需要安装node.js,node.js的安装非常简单,而且在windows环境下自动设置好环境变量。

autoperfixer默认的是没有兼容IE/opera,但可以在Preferences > Package Settings > Autoprefixer > Settings - User下修改支持的版本

例如下面这段代码

{

"browsers": ["last 2 version", "> 1%"]

}

意思是每个浏览器的最后两个版本,市场份额大于1%的浏览器

本文内容整理自网络, 文中所有观点看法不代表淘大白的立场