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%的瀏覽器

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場