2.实现rem布局

1.在public下建立一个js文件

2.将尺寸进行更换，没有这个的可以编辑、添加

3.写好rem.js，全部代码如下

function remSize(){
    // 获取设备的宽度
    var deviceWidth = document.documentElement.clientWidth || window.innerWidth
    if(deviceWidth >= 750){
        deviceWidth = 750
    }
    if(deviceWidth <=320 )
        deviceWidth =320
    // 750px-->1rem=100px,375px-->1rem=50px
    document.documentElement.style.fontSize=(deviceWidth/7.5)+'px'
    // 设置body的字体大小   
    document.querySelector('body').style.fontSize=0.3+'rem'

}
    // 调用函数，完成适配
    remSize()
    // 当窗口发生变化时就调用，适配
    window.onresize=function(){
        remSize()
    // 根据当前设备设置rem，rem是根据html设置
}

4.index.html用未使用rem.js，需引入一下

 根据这个来加，其中---"<%= BASE_URL %>代表基础路径---在body中加入下面代码

<script src="<%= BASE_URL %>js/rem.js"></script>

 5.将尺寸改为“响应”，用鼠标拖动边缘，发现style中的font-size在改变即说明ref应用成功