首先要知道，px和rem都是常见的长度单位，px是固定的长度单位（不管你的屏幕尺寸是多大多小，30px就是30px），rem是相对的长度单位（这里我设置，1rem=100px，所以test1的字体大小为font-size:0.3rem;不管我的屏幕是放大还是缩小，test1的字体大小0.3rem会根据屏幕的大小去放大或者缩小）。

以下是代码结构：

 代码样式：

 代码js部分：

 总结：设置rem适配，就是要设置html的font-size大小就行，其他的不用管。