1、sublime 配置sass上一篇文章已经讲过，就不再多说了。
2、px转rem
1) 下载hotcss.js,hotcss(https://github.com/imochen/hotcss)
hotcss 不是一个库，也不是一个框架。它是一个移动端布局开发解决方案。使用hotcss可以让移动端布局开发更容易。
不需要你再手动设置viewport，根据当前环境计算出最适合的viewport。
支持任意尺寸的设计图，不局限于特定尺寸的设计图。
有效解决移动端真实1像素问题。
** 注意：根据页面渲染机制，hotcss.js必须在其他JS加载前加载，万不可异步加载。**
2) 使用中的注意事项：
如果你的项目是单一尺寸设计图，那么你需要去px2rem.scss中定义全局的designWidth。
@function px2rem( $px ){
@return $px*320/$designWidth/20 + rem;
}
$designWidth : 750; //如设计图是750
如果你的项目是多尺寸设计图，那么就不能定义全局的designWidth了。需要在你的业务scss中单独定义。如以下是style.scss。
@import '/path/to/px2rem.scss';
$designWidth : 750; //如设计图是750
** $designWidth必须要在使用px2rem前定义。否则scss编译会出错 **
** 注意：如果使用less，则需要引入less-plugin-functions，普通的less编译工具无法正常编译。**
3) 具体使用：
1、在html中：
2、在px2rem.scss文件中：
3、在styel.scss文件中：
4、ctrl+B，编译出来style.css就可以了。