vueh5項目模板基於rem佈局

vue+rem佈局h5彈性佈局模板

須知:

一、默認設計圖尺寸 寬度750,測量多少寫多少px就ok;
二、px會自動轉換爲rem單位,實現彈性佈局;
三、字體不要轉rem(緣由本身查),爲了不被轉爲rem ,須要在font-size後加/px/ 舉個栗子:font-size:14px;/*px*/ ;
四、css預處理區用的stylus 已經內置了,也推薦用這個由於是基於node的,無須安裝ruby環境;
五、在webview下若是安卓手機設置了字體大小,那麼rem佈局就涼了,因此最好讓andriod同志們加上,以下代碼設置webview默認字體,在每一個webview配置
webview.getSettings().setTextZoom(100)
坦白的講這個坑我找了一禮拜,由於我手機把字體放大了,因此rem佈局有的地方就亂了。我找的方向仍是手機適配的問題。嗨距離出家還早着呢css

5/5s效果圖

圖片描述

6/6s效果圖

![Image text](https://github.com/proactivefly/staticFolder/blob/master/img/6.png)

安卓手機效果圖

圖片描述

基本上各類手機效果是同樣的,彈性佈局。

github地址:https://github.com/proactivef...

歡迎拍磚

相關文章
相關標籤/搜索