npminstallpostcss-px2rempx2rem-loader--save新建js文件rem.js//rem等比适配配置文件//基准大小constbaseSize=16//设置rem函数functionsetRem(){//当前页面宽度相对于1920宽的缩放比例，可根据自己需要修改。constscale=document.documentElem

vue-cli2版本配置1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例<metaname="viewport

两种方法：1、不改变第三方组件的样式第一步先卸载安装的postcss-px2remnpmuninstallpostcss-px2rem安装postcss-px2rem-excludenpmipostcss-px2rem-exclude--save第二步在项目根目录下面建立postcss.config.js文件 module.exports={plugins:{

说在前面目前很多业主在使用系统的时候都会有大屏的需求，很多屏幕并不会像我们开发的屏幕一样标准，比如1920*1080，这样我们就需要根据业主的屏幕尺寸进行适配，避免一些图表或文字在大屏中出现偏移，影响视觉观感。方案比选方案一：如果希望在大屏中实现最佳的展示效果，应该由设计人

最近做项目刚好用到pc端分辨率适配,在这里分享一下我的做法。1.先下载需要的插件包px2rem-loader、postcss-pxtoremnpminstallpx2rem-loadernpminstallpostcss-pxtorem@5.1.12.配置rem.js文件（名称自己随意取就可以），一般放置在utils文件夹里，没有就新建一个utils文件

1//vite.config.js23importpostcssPluginPx2remfrom'postcss-plugin-px2rem'45exportdefaultdefineConfig({6css:{7postcss:{8plugins:[9postcssPluginPx2rem({10

移动端适配是开发过程中不得不面对的事情。在此，我们使用postcss中的px2rem-loader，将我们项目中的px按一定比例转化rem，这样我们就可以对着蓝湖上的标注写px了。我们将html字跟字体设置为100px，很多人选择设置为375px，但是我觉得这样换算出来的rem不够精确，而且我们在控

安装lib-flexible$npminstalllib-flexible--savelib-fiexble,lib-flexible会自动在html的head中添加一个metaname="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px，此时1rem应该等于75px。

安装amfe-flexiblenpminstallamfe-flexible-S安装px2rem-loadernpminstallpx2rem-loader-D在mian.js中引入import'amfe-flexible'在vue.config.js中配置module.exports={chainWebpack:config=>{config.module.rule('scss&#

1.首先下载lib-flexiblenpminstalllib-flexible--save2.在main.js中引用 lib-flexibleimport'lib-flexible/flexible'3.安装px2rem-loader(将px转换成rem)npminstallpx2rem-loader4.配置px2rem（在build/utils.js中配置px2rem）我这边是根据iphone6的设计图尺寸

1、下载包pnpmaddlib-flexible-computerpostcss-px2rempx2rem-loader-D2、在main.ts里引入import"lib-flexible-computer";3、在vite.config.ts写入importpx2remfrom"postcss-px2rem"css:{postcss:{plugins:[px2rem({

移动端开发移动端最大问题,不能解决完全自适问题js框架的安装ui库的引入先准备转码器插件Babel移动端自适应的插件lib-flexible，postcss-plugin-px2rem

闲聊：年前小颖第一家公司同事问我有做过pc端适配的项目吗，我给妹纸说了下，结果发现没说完，自己当时也没想起来，今天干脆总结下，方便自己和大家日后查看第一步：安装postcss-px2r

前言虽然云谦大佬在github上说了，umi本身的配置已经很完善了，但是肯定满足不了所有人各种各样的奇葩需求。。。比如今天说的将jsx中的style里，将px转换为rem。 umi本身提

第一种方法是将文件下载到你的项目中，然后通过相对路径添加:<scriptsrc="build/flexible_css.debug.js"></script><scriptsrc="build/flexible.debug.js"></script>第