rem响应式JS

标签：设计   响应式   size   cli   实时   字体大小   设置   窗口   resize   

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

rem响应式JS

标签：设计   响应式   size   cli   实时   字体大小   设置   窗口   resize   

原文地址：http://www.cnblogs.com/Ferdinand-B/p/6978089.html