如何避免重複-moz-或-webkit-？

你好朋友，我想知道是否有任何方法可以避免重複的Firefox兼容性和鉻在CSS3，因爲我們需要重複輸入-moz- and -webkit-兼容性。是否有可能以任何方式在頁面中只寫一次？如何避免重複-moz-或-webkit-？

2014-09-29 Waqar Adil Mughal

你不能使用它，只適用於非前綴版本的CSS規則。但它會少一些瀏覽器 – Justinas 2014-09-29 11:57:38

當然，使用任何[CSS預處理器]（https://github.com/showcases/css-preprocessors）之一。 – raidendev 2014-09-29 11:59:12

你應該考慮使用一些自動前綴或前綴免費庫。 – Harry 2014-09-29 12:02:23

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

CDN link

Live DEMO on dabblet.com

來源

2014-09-29 12:41:28

+1。我將Lea Verou的免前綴添加到我的所有項目中。可靠，而且不會增加加載時間。 – BJack 2014-09-29 12:51:52

是的，我已經下載了Lea Verou的前綴。謝謝 – 2014-09-29 12:59:32

只是在網絡上找到

js 
    // For detecting browser prefix and capabilities 
    var el = document.createElement('div'); 
    var re = /^(Moz|(w|W)ebkit|O|ms)(?=[A-Z])/;

來源

2014-09-29 13:24:47

請提供一些解釋如何回答這個問題 – Huangism 2014-09-29 14:18:39

我寧願使用autoprefixer重特別是grunt或gulp插件可以生成一個包含前綴的css文件，因爲我不喜歡包含額外的庫並且僅僅使用JavaScript來做到這一點的想法。

來源

2014-09-29 15:20:38 naeramarth7

如何避免重複-moz-或-webkit-？

回答

相關問題