使用rem.js，页面加载时先放大一下再回复正常解决办法

小明最近做个移动端项目，甲方要求使用rem布局，于是写了一个rem.js,先贴上代码：

window.onload = function(){
    getRem(375,100)
};
window.onresize = function(){
    getRem(375,100)
};
function getRem(pwidth,prem){
    var html = document.getElementsByTagName("html")[0];
    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
    html.style.fontSize = oWidth/pwidth*prem + "px";
}

在页面的之前加上这段代码，并且设置html的font-size:100px即可，这样1rem即为100px；当设计图上的大小为300px*100px时，rem高度应该是3rem*1rem; 这种布局非常简单，但是在APP上加载时会出现页面先放大后又缩小的情况，这时只要把上面那段代码的 getRem(375,100)window.onload事件去掉就可以。