项目遇到PC端不同分辨率页面不兼容的问题1.安装postcss-px2rem和px2rem-loadernpminstallpostcss-px2rempx2rem-loader--save2。在根目录下新建src在utils目录下新建rem.js比例适配文件//rem比例适配配置文件//basesizeconstbaseSize=100//setremfunctionfunctionsetRem(){//current页面屏幕分辨率相对于1920宽您可以根据自己的需要修改缩放比例。constscale=document.documentElement.clientWidth/1920//设置页面根节点的字体大小（"Math.min(scale,2)"表示缩放比例最高为2，可根据实际调整业务需要调整)document.documentElement.style.fontSize=baseSize*Math.min(scale,2)+'px'}//初始化setRem()//重置remwindow.onresize=function(){setRem()}3.在main.js中引入适配文件import'./utils/rem.js'4.在vue.config.js中配置插件//引入比例适配插件constpx2rem=require('postcss-px2rem')//配置基本尺寸constpostcss=px2rem({//基本尺寸baseSize，需要和rem.js中的一样remUnit:100})//使用比例适配插件module.exports={lintOnSave:是的，css:{loaderOptions:{postcss:{plugins:[postcss]}}}}
