rem是指相对于根元素(html)的字体大小的单位, 利用它能实现强大的屏幕适配布局。下面主要应用的是基于js去调整根元素字体大小， 从而实现各个尺寸屏幕的适配；
使用方法：
1.复制上面这段代码到你的页面的头部的script标签的最前面。
2.根据设计稿大小，调整里面的最后两个参数值。
3.使用1rem=100px转换你的设计稿的像素，例如设计稿上某个块是100px*300px,换算成rem则为1rem*3rem。
注： html font-size字体大小 = 设备宽度 / (设计图尺寸 / 100);
假设提供的设计稿为750PX的，那么：
deviceWidth = 320，font-size = 320 / 7.5 = 42.6666px
deviceWidth = 375，font-size = 375 / 7.5= 50px
deviceWidth = 414，font-size = 414 / 7.5 = 55.2px
deviceWidth = 500，font-size = 500 / 7.5 = 66.6666px
---------------------
作者：小白变怪兽
来源：CSDN
原文：https://blog.csdn.net/u013558749/article/details/78835980
版权声明：本文为博主原创文章，转载请附上博文链接！
