首先使用npm安装amfe包
在你的终端中运行以下命令
npm i amfe-flexible
在你的main.js中导入它的包
// 自动设置REM基准值(html标签字体大小)
import 'amfe-flexible'
完成上述操作之后,你在切换你的设备分辨率的时候,你的字体就会自动切换大小
安装protcss-pxtorem(安装这个是为了将你的px转换为rem)
npm install postcss-pxtorem -D
然后在你的项目的根目录下创建一个名为postcss.config.js的文件,并且输入以下代码:
module.exports = {
plugins: {
autoprefixer: {
browsers: ['Android >= 4.0', 'iOS >= 8'],
},
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*'],
},
},
}
//这种转换是不支持行内样式的,只能以css样式。
网友评论