有個朋友問我在vue項目怎么做rem適配,我工作中都是用的dva,但是我感覺道理都是一樣的,換湯不換葯。配完就順手寫下來吧! 需要安裝兩個插件庫 lib-flexible和px2rem-loader yarn add lib-flexible yarn add px2rem ...
描述:搭建完Vue項目,開始寫頁面,發現頁面大小並不能實現自適應,后來找了好多原因才發現沒有做rem操作: 新建一個js文件,把以下代碼復制進去 function doc, win var docEl doc.documentElement, resizeEvt orientationchange in window orientationchange : resize , recalc func ...
2020-01-08 15:11 0 1439 推薦指數:
有個朋友問我在vue項目怎么做rem適配,我工作中都是用的dva,但是我感覺道理都是一樣的,換湯不換葯。配完就順手寫下來吧! 需要安裝兩個插件庫 lib-flexible和px2rem-loader yarn add lib-flexible yarn add px2rem ...
有個朋友問我在vue項目怎么做rem適配,我工作中都是用的dva,但是我感覺道理都是一樣的,換湯不換葯。配完就順手寫下來吧! 需要安裝兩個插件庫 lib-flexible和px2rem-loader yarn add lib-flexible yarn add px2rem ...
1、安裝插件 安裝 amfe-flexible、postcss-px2rem-exclude 安裝完畢,會在 package.json 文件的 dependencies 屬性中看到如下: 2、在main.js文件中引入 ...
如果是做 PC 端的網頁,無需做 rem 適配,但是做 H5 開發,rem 是需要做一下的 方案一: Vant 官方也為我們提供了方案,如下圖所示: 咱們就按照官方為我們提供的方案進行適配,安裝它們: 安裝好后,我們需要在 main.js ...
使用方式: 1、安裝 cnpm install px2rem-loader2. https://www.npmjs.com/package/px2rem-loader ...
適配准備 安裝 (amfe-flexible) 和(postcss-px2rem) 1, 安裝依賴並在main.js中引入該依賴 2,安裝第二依賴 並在paackage.json中配置此依賴 然后重啟項目,會幫我們自動轉換的px為rem來進行適配 ...
lib-flexible + rem 配置 flexible 安裝 lib-flexible 1.在命令行中運 ...