logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中自适应rem的设置及vant组件库px自动修改为相对大小的方法两则(postcss-pxtorem和postcss-px-to-viewport)

在使用vant组件时,vant采用的都是px的绝对宽度,其设计稿是视口宽度为375px作为基准值。我们在开发时,为了自适应宽度,往往采用rem或vm或百分比等相对单位作为宽度。但vant组件写死了,我们如何在代码中不修改vant原生的style,也能让页面在运行时做到自适应变化呢。此时重新启动服务,发现原来vant组件,或原页面中使用的px值,全部自适应为rem了。步骤4:在main.js中引入i

#vue.js#postcss#前端
到底了