我得到了一个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速度的网络。 –