有个朋友问我在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.在命令行中运 ...