1. 程式人生 > >如何使用flexible進行手機適配

如何使用flexible進行手機適配

1:需要用到一個px轉換rem的工具cssrem,這是一個sublime的小外掛,如何安裝以及如何配置如下所示:
     安裝
  • 進入packages目錄(在Sublime安裝目錄下找資料夾):Sublime Text -> Preferences -> Browse Packages...
  • 複製下載的cssrem目錄到剛才的packges目錄裡。
  • 重啟Sublime 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"]
}
2:下載flexible,並在頭部引入
    <script src="js/flexible_css.debug.js"></script>
    <script src="js/flexible.debug.js"></script>
或者直接引入官方地址<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
之後就可以在專案中使用了,至於flexible的原理,博文太多了,此處略過!!