移动端适配会使用到rem进行适配，这里要涉及到px计算成rem，当初不会使用预编译器的时候，都是掐计算器手算的，导致效率不高而且心累。
使用scss的预编译器来辅助计算，能大大解决这些问题
安装步骤如下：
1、rudy下载（安装在默认路径下）
https://www.baidu.com/link?url=abugloOSGQgzf6ztKdeBfhvXgkESRkyyKfILmzoligBP6fSVDLsfNzSMyOtmYP6TWfX5yTDot1ZLr5KOW6nw7AfhruHDvJnJpL6aipsrZN3&wd=&eqid=beaa49910000302e0000000258f5ccf0
2、webstrom安装SASS
http://jingyan.baidu.com/article/22a299b5d6b0a09e19376a9f.html
3、安装sass的时候会报error， 要移除原来的镜像 ?安装淘宝镜像
gem sources --remove https://rubygems.org/ ?移除
这是安装淘宝镜像gem sources -a https://gems.ruby-china.org/ ??报错去掉s
4、继续安装2里面的安装
5、创建项目，最外层不能是中文
6、新建一个SCSS目录，一个CSS目录
scss: style.scss ?会自动生成 ?css:style:css，在style.scss中编程。
刚创建项目进去的时候，上面会出现一行绿色的字，点击add
1、Arguments:
可以配置编译后的文件的输出路径,我这里写的是:
--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
2、Output paths to refresh:
改成这样:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
一定要删除里面的东西，再添加
目录结构如下
SCSS预编译器的安装
原文地址：http://www.cnblogs.com/qiuchuanji/p/7662328.html