在编写css时,寻找任何避免供应商特定前缀的方法,它会不必要地延长css文件。 就像使用变换时一样,我必须编写以下代码
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
对于不同的浏览器,所有5行都做同样的事情。那么有什么方法可以避免它吗?
答案 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)
这也是解决这个问题的好方法。