在Vue 3项目中实现px转rem以自适应PC端和移动端,可以按照以下步骤进行: 1. 理解px转rem的原理和实现方式 px转rem的原理是通过将px单位转换为rem单位,实现响应式布局。rem是相对于根元素(html元素)的字体大小的单位。通过设置根元素的字体大小,可以控制整个页面的比例缩放。 2. 在Vue 3项目中安装并配置postcss-...
三、修改lib-flexible源码 因为lib-flexible主要用于手机自适应,当屏幕尺寸大于540px时,它设置html的font-size固定为54px,并不能根据屏幕尺寸调整标签的font-size的大小,所以这里需要修改lib-flexible源码。 在node-modules依赖包lib-flexible文件夹中的flexible.js文件,可以看到源码 function refreshRem(){ //获取屏幕...