避免在CSS中的供應商特定前綴

Question

尋找任何方法來避免供應商特定的前綴寫入CSS時，它不必要地延長了CSS文件。同時採用變換 像我必須寫下面的代碼

transform:rotate(90deg); 
-moz-transform:rotate(90deg); 
-webkit-transform:rotate(90deg); 
-o-transform:rotate(90deg); 
-ms-transform:rotate(90deg); 

所有5條線路做同樣的事情，但對於不同的瀏覽器。那麼有什麼方法可以避免它？

Answer 1

一個基於JavaScript的解決方案是http://leaverou.github.io/prefixfree/

- 前綴，免費讓你使用只前綴的CSS屬性無處不在。它在幕後工作，只在需要時纔將當前瀏覽器的前綴添加到任何 CSS代碼中。

Answer 2

https://github.com/ai/autoprefixer考慮了自動化前綴的最先進的解決方案。你可以在Sublime Text或Grunt中使用它，或者以其他方式使用它。它始終是最新的，使用起來非常方便。

Answer 3

使用薩斯：

我用http://compass-style.org使用薩斯。替代指南針也將是http://bourbon.io（有點更輕巧，沒有親身經歷）

沒有薩斯檢查出其他的答案;）

Answer 4

這也是相當來解決這個問題的好辦法。

http://api.jquery.com/jQuery.cssHooks/