vue vant移動端適配vw rem

我的目錄結構是：./assets/scripts/ulits

const ulits =

if(u.
indexof
('iphone'
)>-1
)if(u.indexof
('windows phone'
)>-1
)if(deviceid =='')
return deviceid;}}
export
default ulits

import ulits from

'./assets/scripts/ulits'
vue.prototype.$ulits = ulits;
newvue(}
,}).
$mount
()

計算方法：100/設計稿的寬度*10

eg：我們設計稿是375px，100/375*10=2.66667vw，得到基礎字型大小後賦值給根元素的字型大小即可。如果你的設計稿是750px的，100/750 * 10即可。

使用：從圖上量取數值後除以10，即小數點向前挪一位即可.

eg：比如量取圖某個元素的margin數值為30px，即可寫margin = 3rem。

有不對的地方請大家多多指教~共同學習。

vue vant開發之移動端rem適配螢幕方案

簡單介紹一下rem和px的換算關係 1rem html的font size。在專案中，我採用postcss pxtorem amfe flexible，vant是基於375px的。安裝 npm i amfe flexible npm i postcss pxtorem d amfe flexible...

vue vant移動端專案

先檢視本機有沒有安裝nodejs win r 進入控制台 輸入 node v 檢視 node版本資訊 如果有版本號，則說明已安裝，否則需安裝 nodejs 再安裝vue cli 如果有就不用再安裝了 npm install g vue cli通過傳統方式建立專案 步驟一 方式一 在專案資料夾下按sh...

移動端適配

js適配方案 function resizefun else body removeclass hightscreen shortscreen portrait var ratio window width window height if screenstate portrait else if ...