首页 > 其他 > 详细

vue项目做屏幕自适应处理

时间:2020-09-22 17:37:59      阅读:157      评论:0      收藏:0      [点我收藏+]

 

https://www.cnblogs.com/Kyaya/p/11892178.html

 

1.查看当前源:

 

npm config get registry

更换淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

1.安装扩展

npm i lib-flexible -S


 

2. 修改main.js
import lib-flexible

 

 

技术分享图片

 

 

然后在项目中写css时会自动将rem转化为px,需要安装px2rem这个工具,安装:

3. 安装插件

npm i px2rem-loader -D

 

build/until.js

在cssLoader对象下面添加一个px2remLoader对象:

4. px转换

const
px2remLoader = { loader : px2rem-loader, options : { //这个参数是通过psd设计稿的 宽度 / 10 来计算,这里以750为标准 remUnit : 75 } }

 

 

技术分享图片

 

 

 

5. 完

const
loaders = [cssLoader, px2remLoader];

 

 

技术分享图片

 

vue项目做屏幕自适应处理

原文:https://www.cnblogs.com/vip-deng-vip/p/13712864.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!