vue 中 vm 適配 最完美方案（親測）

1. 安裝依賴

npm install postcss-px-to-viewport -

d

.postcssrc.js檔案修改如下：

module.exports =

,'postcss-px-to-viewport':}
}

當然啦，前面的都是建立在沒有進行rem的適配，如果你的專案進行了rem 的適配我們需要在做如下操作：

# 刪除原來的 rem 相關**

1.main.js檔案中刪除如下**

// 匯入rem適配

import
"lib-flexible/flexible"
;

"lib-flexible"

:"^0.3.2"
,"postcss-plugin-px2rem"
:"^0.8.1"
,

Vue 螢幕適配 postcss pxtorem

此適配方案是每次螢幕尺寸或解析度發生大小的時候都會把所有的px替換成rem單位。1 安裝依賴 npm install postcss pxtorem d2 在根目錄建立postcss.config.js檔案 3 建立rem.js 設定 rem 函式 function setrem 初始化 setre...

Vue移動端螢幕適配

第一步 在src路徑下新建乙個js資料夾，在建立乙個resize.js檔案 第二部 在resize.js檔案內寫入以下 function doc,win if doc.addeventlistener return domcontentloaded是firefox下特有的event,當所有dom解析...

vue 移動端適配vant

下面我們分別將這兩個工具配置到專案中完成 rem 適配。一 使用 lib flexible 動態設定 rem 基準值 html 標籤的字型大小 1 安裝 npm i amfe flexible2 然後在 main.js 中載入執行該模組 import amfe flexible 二 使用 postc...