我得到了一個CSS文件,它有很多廠商前綴(-webkit -moz等)。如何刪除供應商前綴
而那些廠商前綴使文件更大。
所以我想用prefix-free代替。
是否有任何工具或技巧可輕鬆刪除供應商前綴?
我得到了一個CSS文件,它有很多廠商前綴(-webkit -moz等)。如何刪除供應商前綴
而那些廠商前綴使文件更大。
所以我想用prefix-free代替。
是否有任何工具或技巧可輕鬆刪除供應商前綴?
This javascript function我在github上託管了你正在尋找的東西。
var t = DeVendorCSS("transform")
例如在沒有「變換」支持的情況下返回webkit瀏覽器,但具有前綴支持,用於內聯CSS規則(例如e.style[t[1]]="translateY(5px)"
)的數組["webkit", "webkitTransform", "-webkit-transform"]
。實際值「translateY」必須兼容跨供應商才能在此示例中工作(儘管如此,如果沒有,請使用t [0]給出的供應商ID)。
Autoprefixer的一個很好的功能是它也可以從CSS中刪除不需要的前綴。你可以在這裏在線嘗試:
http://autoprefixer.github.io/
在底部移除(幾乎)所有前綴,類型last 1 version
在「過濾器」文本框。
要刪除所有前綴,您可以將「過濾器」文本框留空。 –
每@Sphinxxx,above:
以除去(幾乎)的所有前綴在[Autoprefixer] '過濾器'文本框
如上所述鍵入last 1 version
,這種解決方案是僅差不多正確。要刪除全部前綴,您應該將'Filter'改爲>100%
。
在您的文本編輯器中查找和替換?但是我們在談論多大?它可能會沒有什麼區別。 –
刪除之前,你應該知道它爲什麼在那裏:) [瀏覽器兼容性] – swapnesh
我確定知道它爲什麼在那裏。使用prefixfree.js將使css更易於維護。順便說一下,我的網站的訪問者的一部分仍然使用4 mbps速度的網絡。 –