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文件不知道应该配置在哪里。

 

posted @ 2015-10-30 10:27  小橘籽  阅读(339)  评论(0编辑  收藏  举报