css3前缀解决方案
- 这次所采用的方案:
<script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>
在页面中加入这个大神写的脚本。
用js的弊端可想而知,就是消耗内存,降低性能。但是太适合懒人了。(开玩笑啦~主要是这只是一个公司的企业网站而且又要的很急,没有太多时间。)
- 一开始我是想用less解决的。因为这个网站就是用less写的。
说起less是我两三个月前开始使用的。
主要用到了
嵌套(感觉解决了class命名空间的问题)、
变量和混合(使得一些样式得以统一,并且修改的时候只需要修改当前变量提高了可维护性)
看了less的主页(http://www.lesscss.net/)其中的函数跟运算还没有用到过。
在网上查了很久,没有找到less解决css3前缀的具体方法。倒是在大漠叔的网站看到一个sass的详细写法(http://www.w3cplus.com/css3/autoprefixer-css-vender-prefixes.html)
也许是没有学习函数跟运算的部分,所以我没法用less写出自己的mixins。
最后我看了上面那篇文章最后的一个方法--使用Autoprefixer
前面命令行安装都看懂了,但最后一个在项目的根目录中配置Gruntfile.js
文件不知道应该配置在哪里。