1，安裝 flexible和 postcss-px2rem（命令行安裝） 簡要介紹這兩個包的用途： flexible會為頁面根據屏幕自動添加<meta name='viewport' >標簽，動態控制initial-scale，maximum-scale ...

1.下載lib-flexible 使用的是vue-cli+webpack，通過npm來安裝的 npm i lib-flexible --save 1 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible ...

公司最近做的一個移動端項目從搭框架到前端開發由我獨立完成，以前做移動端適配用的媒體查詢，這次想用點別的適配方案，然后就采用了vue-cli3.0結合lib-flexible、px2rem實現移動端適配的方案，開發過程中也遇到一些坑，自己選的方案自己填坑吧。以下記錄我的項目框架搭建及填坑方案 ...

如果不引入插件的話：ui稿的px轉化成rem需自己計算 根據設計稿我們需要自己計算元素的rem（假如我們將html根元素font-size設置為41.4px）； 那么1rem=41.4px; ui稿上的375px = 375/41.4rem=9rem; 這樣每個元素進行計算是不是得瘋，vant ...

公司最近做的一個移動端項目從搭框架到前端開發由我獨立完成，以前做移動端適配用的媒體查詢，這次想用點別的適配方案，然后就采用了vue-cli3.0結合lib-flexible、px2rem實現移動端適配的方案，開發過程中也遇到一些坑，自己選的方案自己填坑吧。以下記錄我的項目框架搭建及填坑方案 ...

一、下載lib-flexible npm install lib-flexible --save 二、引入lib-flexible 　　在main.js中引入 import 'lib-flexible/flexible' 三、設置meta標簽 　　設置設備寬度 ...

1.安裝lib-flexible、postcss-px2rem yarn add lib-flexible postcss-px2rem-exclude --save 2.index.js文件引入 import 'lib-flexible ...

安裝vue-cli3 　　 npm install -g @vue/cli 創建項目 vue-cli-test 　　 　　 腳手架-項目-成功-運行項目 　　 　　 基於vue-cli配置移動 ...