與-webkit-轉型速記規則

Question

我有postcss運行autoprefixer咕嚕變換，並且代碼：

transition: transform .3s, color .3s; 

...正在輸出：

transition: color .3s, -webkit-transform .3s; 
transition: transform .3s, color .3s; 
transition: transform .3s, color .3s, -webkit-transform .3s; 

但應該不會是輸出這個？

-webkit-transition: -webkit-transform .3s, color .3s; 
transition: transform .3s, color .3s; 

我postcss設置：

postcss: { 
    options: { 
     map: { 
      inline: false, // save all sourcemaps as separate files... 
      annotation: '../css/' // ...to the specified directory 
     }, 

     processors: [ 
      require('autoprefixer')({browsers: 'last 2 versions'}), // add vendor prefixes 
     ] 
    }, 
    dist: { 
     src: '../css/*.css' 
    } 
} 

我不知道如果我做錯什麼，如果它的輸出錯誤，或者是它實際上是正確的。

感謝

Answer 1

你必須寫正確的CSS，它是不是你的錯，你也可以檢查你的CSS他們official page， 並根據您的瀏覽器選擇設置{瀏覽器：「最後2個版本」}你對於最後2個Webkit版本不需要任何轉換前綴，生成的css是正確的。