rem响应式JS

Posted 2020-09-22

//窗口第一次打开时获取一次
rc();
//窗口改变时，实时获取。
window.onresize=rc;
function rc(){
//默认字体大小
var fontS=20;
//获取窗口的宽度
var windowWidth =document.documentElement.clientWidth;
//窗口宽度除设计图的大小获得一个比例
var rate=windowWidth/1366;
//设置默认大小×比例，进行响应式
document.documentElement.style.fontSize = fontS*rate+"px";
}