避免在CSS中使用供应商特定的前缀

时间:2014-06-09 07:16:17

标签: css css3

在编写css时,寻找任何避免供应商特定前缀的方法,它会不必要地延长css文件。 就像使用变换时一样,我必须编写以下代码

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

对于不同的浏览器,所有5行都做同样的事情。那么有什么方法可以避免它吗?

4 个答案:

答案 0 :(得分:3)

基于javascript的解决方案是http://leaverou.github.io/prefixfree/

  

-prefix-free允许您在任何地方仅使用未加前缀的CSS属性。它在幕后工作,将当前浏览器的前缀添加到任何   CSS代码,仅在需要时才使用。

答案 1 :(得分:0)

https://github.com/ai/autoprefixer被认为是自动化前缀的最先进的解决方案。您可以在Sublime Text或Grunt中使用它或其他方式。它始终是最新的,使用起来非常方便。

答案 2 :(得分:0)

使用Sass:

我使用Sass使用http://compass-style.org。 Compass的替代品也是http://bourbon.io(更轻巧,没有个人经验)

没有Sass,请查看其他答案;)

答案 3 :(得分:0)

这也是解决这个问题的好方法。

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