rem使用

base.css
/*根字体大小*/
html {font-size: 16px;}

back.js

//动态改变html fontSize
window.addEventListener('resize', setRem);
window.addEventListener('orientationchange', setRem);

setRem();
function setRem() {
var html = document.querySelector('html');
var width = html.getBoundingClientRect().width;
//html 根字体大小根据屏幕分辨率计算，10.8值按照ui图的分辨率写 除以100
html.style.fontSize = width / 10.8 + 'px';
}

注：
html 根字体大小根据屏幕分辨率计算
如果分辨率为1080
font-size=100px;
那么
1rem = 100px