移动端rem适配

移动端rem适配

1.vscode插件

2.下载后开始设置

3.注意：这里的1个单位的像素需要跟js中的一样

4.在html中引入js代码，即可完成rem适配

function setRem(){
		//以苹果6为标准
        let uiRem=375
        //兼容ie
        let clientWidth=document.documentElement.clientWidth||document.body.clientWidth
        let html=document.querySelector('html')
                                           //与vscode设置的1个单位的像素保持一致
        html.style.fontSize=(clientWidth/uiRem)*10+'px'
    }
    window.onload=setRem
    window.onresize=setRem