移动端的适配方案:对于依赖使用使用vue2进行开发,vant组件库,当我们在做适配时,可以采用一下以下步骤。
先安装postcss-pxtorem 包,用于将 px 单位转化为 rem 单位(当我们在开发时可以使用px像素单位,当保存,打开浏览器时,自动转化为rem单位,简直不要太香)
安装好以后
在src根目录下新建一个 postcss.config.js文件
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 37.5, propList: ['*'],
},
},
};
使用amfe-flexible实现动态控制html标签的font-size大小(简直不要太轻松)
一个简单的适配就完成了