這篇文章將為大家詳細講解有關(guān)html5中如何使用hotcss.js實現(xiàn)手機端自適配，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
簡介
使用動態(tài)的HTML根字體大小和動態(tài)的viewport scale。
遵循視覺一致性原則。在不同大小的屏幕和不同的設(shè)備像素密度下，讓你的頁面看起來是一樣的。
1.新建一個項目文件夾，目錄結(jié)構(gòu)如下圖:
src //主要文件在這里
├── hotcss.js
├── px2rem.less
├── px2rem.scss
└── px2rem.styl
2.hotcss.js 文件可以下載官方的,也可以在大神GitHub（https://github.com/Grace110/hotcss）上下載整個demo
注意：
hotcss.js必須在其他JS加載前加載，萬不可異步加載。
如果可以，你應(yīng)將hotcss.js的內(nèi)容以內(nèi)嵌的方式寫到
標(biāo)簽里面進行加載，并且保證在其他js文件之前。為了避免不必要的bug，請將CSS放到該JS之前加載。
hotcss.js也可以直接復(fù)制到
標(biāo)簽里面//pc2rem.scss 頁面代碼
重慶分公司
重慶分公司
@function px2rem( $px ){
@return $px*320/$designWidth/20 + rem;
}
$designWidth : 750; //如設(shè)計圖是7503.但是html是無法直接調(diào)用scss文件的，這時我們需要一個 scss文件 實時編譯器
vscode 編輯器里面安裝插件
4.編寫代碼
寫個簡單的html頁面，內(nèi)容如下
