rem布局由於其根據螢幕寬度的改變修改相應的rem與px的轉換比例，這樣非常適合移動端的專案。
在不同的解析度下，都會有較好的顯示效果。
在使用rem布局的時候需要引入flexible.js。
js會根據螢幕的寬度計算html的根字型大小
在vue專案中只需要安裝raziel-flex模組引用就行
安裝方法
npm install raziel-fleximport flex from 'raziel-flex'
flex(600); //傳入值為頁面變化最大寬（px）
引用時會需要傳入乙個引數，布局變化的最大寬，當大於這個值時模組便不再修改html根字型的大小。
模組修改的根字型的大小等於螢幕寬度除以10；
vacode編輯器安裝remcss外掛程式使用時更方便。
Vue移動端專案中使用echarts
npm i echarts s 引入 import echarts from echarts 註冊 vue.prototype.echarts echarts 獲取需要生成圖表的元素 以下是一些常用的配置引數 都有寫明詳細的注釋 initchart splitarea 縱向背景區域 axistick...
移動端專案中使用rem布局，華為手機不相容。
在上一次做人臉審核的專案 h5 的時候，需要適配各種裝置手機的螢幕，剛開始的時候使用的那套 不相容華為 rem的計算邏輯，在測試的時候卻發現在華為一些部分機型不適配，超出了螢幕。後來在網上查閱資料發先了一套新的rem計算的公式，經本人親自實驗，可以相容華為手機，下面上 function doc,wi...
vue 專案設定移動端rem
第一種直接設定 fnresize window.onresize function function fnresize 禁止雙擊放大 document.documentelement.addeventlistener touchstart function event false var lastt...