10
09/2014
恶心的 Vendor Prefixes
Vendor Prefixes 就是垃圾。但为了前卫装X,又不得不弄这些劳什子,真烦人。昨天写的 line-gradient,无意中发现 android 浏览器和 safari 对 css3 标准写法支持有问题,一片方块,:(
看来的确需要一件兵器来写 css 了。
有这么几个办法:
- http://css3please.com/ 在线 Vendor Prefixes 速查
- http://leaverou.github.io/prefixfree/ 客户端处理,页面嵌入 prefixfree.js,对 link style 用 jquery css()处理
- http://prefixr.com/index.php 在线转换
- 用 Sass, Compass, lesscss 等的 mixin
好吧我看中的是 Lesscss
先安装 lesscss
npm install -g less
保证终端的
lessc 123.less > 123.css
能够运行。
Sublime 安装 LESS-build-sublime 和 lesscss syntax
编辑 .less 的时候,+b build 编译的时候,或生成同名 .css 文件。
Sublime 包里还有个大同小异 less2css,这个在保存 .less 的时候生成同名 .css,压缩掉了换行。(我写的 css 就是给大家看的,所以使用前者。)