当我们在用vue搭建移动端项目的时候,如果继续使用px作为css的尺寸单位,则会出现不同的移动端设备显示的样式不同的问题,有时候还会影响到用户的功能使用和体验感。
为了适配不同的移动端设备我们在项目的终端当中运行以下代码:
yarn add babel-plugin-import postcss-pxtorem@5.1.1 -D
如果yarn报错的话也可以运行:
npm i babel-plugin-import postcss-pxtorem@5.1.1 -D
安装此文件后则会自动将px转化为rem单位!