rem响应式JS

//窗口第一次打开时获取一次
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";
}

posted @ 2017-06-10 10:49  Ferdinand_包子君  阅读(134)  评论(0编辑  收藏  举报