，UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css...

• pc端自适应（在一定屏幕范围内）

想了解rem实现自适应的原理，大家可以自行谷歌，这里就不讲原理了

不懂原理的同学们也没关系，下面跟着操作就可以实现。

下面是以vue项目作为例子

在入口文件main.js中引入

如果是vue-cli3构建的项目，那么在根目录找到vue.config.js文件，（没有找到的话，就新建一个）

上面的 remUnit: 75, 这里的设置75， 就是设计图是750px， 如果你的设计图是 640px, 那么你改成64即可，如果你的设计图是1920px，那么你改成192即可

找到根目录下.postcssrc.js文件，在里面添加以下代码：

propList 表示匹配的属性 (表示匹配所有属性) 可以在里面用 !border 表示不配备边框，这样不会把边框1px变成1rem

在css中不想px转rem可以这样, 在样式后面写/no/注释即可

以上配置完后，打开你们的项目编译后的页面，打开调试页面改变宽度就看到了，html的font-size值实时发生改变，和你写的css px值，都自动转成rem了

第五步，pc端做自适应解决方案

以上的是全自适应，如果你想控制自适应的范围，比如说，你做pc项目， 想在1300px - 1800px之间做自适应，小于1300px就设置个固定的html font-size值， 大于1800px就设置个固定的html font-size值

这样就可以使得pc项目布局的页面，不至于一直缩小自适应，也不至于一直放大

关键原理是通过媒体查询来控制，代码如下, 在你公共样式（或者全局样式）文件写上

以上只是一个例子， 移动端你就可以不用设置了，  pc端，你想在什么范围，根据你的项目页面调就好了