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就可以了。複製程式碼