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就可以了。复制代码