解决移动端rem加载时有一瞬间放大或缩小的问题

移动端常用rem作单位，用代码计算基本尺寸：

var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 414)
     deviceWidth = 540; 
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';

我把这段代码放在body后，当页面还没加载完时，会有一瞬间页面元素尺寸错乱，可能是放大也可能是缩小。
在网上查了一下，解决方法是把这段计算基本尺寸的代码放到body前，使得浏览器在遍历DOM树之前就把size值算好，这样就不会出现页面加载完成前元素尺寸错乱的问题了。