使用自适应js（rem为单位）的时候，每次进去都会有一秒左右的时间页面由大到小的自适应跳动，怎么办？

JavaScript016

使用自适应js（rem为单位）的时候，每次进去都会有一秒左右的时间页面由大到小的自适应跳动，怎么办？,第1张

应该是设置rem的函数加载顺序问题，应该先加载这个函数和css再去加载dom，这样就没有自适应跳动的问题，如果在加载dom之后调用该函数的话（在body之后加载函数），这样进入页面，fontSize会先以默认值显示，当读取了设置函数后才进行自适应。

1、安装 postcss-pxtorem

2、在utils 文件加下新建rem.js

3、引入rem.js

全局应用在main.js 里引入，部分页面应用在页面里引入

4、在根目录新建postcss.config.js，配置 postcss-pxtorem

5、配置部分页面使用rem

6、postcss-pxtorem官网

https://www.npmjs.com/package/postcss-pxtorem