移動端flexible方案
一、px 自動轉換為rem
sublim Text3
- 下載本專案,比如:git clone https://github.com/flashlizi/cssrem
- 進入packages目錄(在Sublime安裝目錄下找資料夾):Sublime Text -> Preferences -> Browse Packages...
- 複製下載的cssrem目錄到剛才的packges目錄裡。
- 重啟Sublime Text。
二、sublim Text 配置引數
引數配置檔案:Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-User,輸入如下程式碼
{
"px_to_rem": 40, //px轉rem的單位比例,預設為40
"max_rem_fraction_length": 6, //px轉rem的小數部分的最大長度。預設為6。
"available_file_types": [".css", ".less", ".sass",".html"]
//啟用此外掛的檔案型別。預設為:[".css", ".less", ".sass"]
}
三、下載flexible,並在頭部引入
<script src="js/flexible_css.debug.js"></script>
<script src="js/flexible.debug.js"></script>
四、引入CDN:
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>