pc端自适应大屏

  1.npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小
    安装这个的话就不需要下面flexible文件修改了
2.yarn add px2rem-loader -D：px 转 rem
3.yarn add postcss-px2rem-exclude -D： 将代码中px自动转化成对应的rem的一个插件
 
安装好了之后还需要在项目的入口文件 main.js 里引入 lib-flexible-computer

//main.js

import 'lib-flexible-computer'

  

   在vue.config.js中下方代码

module.exports = {
	css: {
		loaderOptions: {
		  postcss: {
			plugins: [
			  require('postcss-px2rem-exclude')({
                //在这里，由于我的设计稿尺寸的屏幕分辨率是1920，具体原因如下：
				remUnit:192, //设计图宽度/10
				exclude: /node_modules/i, // 排除对UI组件size的影响
			  })
			]
		  }
		},
	},
}

注意：px单位如果行内，就不会被转换，最好写在style里面