1.安装
文件目录下进入cmd进行安装
(可在vscode终端下进行)
npm install postcss-px2rem --save
2.配置文件
在目录下新建文件vue.config.js ,根据设计图的宽度设置remUnit的值,37.5即375px
module.exports = {
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 37.5
})
]
}
}
},
}
3.添加meta标签
在文件目录下找到public文件夹下的index.html
在标签添加 style=“font-size: 10vw”
<html lang="en" style="font-size: 10vw">
在标签内添加
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
4.重启服务器即可
npm run serve