如图，本人在写移动端页面时用js控制rem大小。现在出现的问题是，app页面打开的一瞬间会有一秒钟的闪动，就是页面刚加载出来时候页面的内容会很大，一秒之后又恢复正常，尝试了很多办法还是没有解决。希望有大神能帮我指导
1 回答
暮色呼如
TA贡献1853条经验 获得超9个赞
两步:
代码放进
<head>里不要等待
DOMContentLoaded事件, 直接执行
如下代码:
!function() { var html = document.documentElement; var setFontSize = function() { var width = html.offsetWidth;
if(width <= 640) {
html.style.fontSize = width / 6.4+ 'px';
} else {
html.style.fontSize = 100 + 'px';
}
}; var timer; var setDelay = function() { return clearTimeout(timer), (timer = setTimeout(setFontSize, 150));
} window.addEventListener('pageshow', function(evt) { return evt.persisted && setDelay();
}); window.addEventListener('resize', setDelay);
setFontSize();
}();添加回答
举报
0/150
提交
取消