猿问

移动端使用js控制rem大小

如图，本人在写移动端页面时用js控制rem大小。现在出现的问题是，app页面打开的一瞬间会有一秒钟的闪动，就是页面刚加载出来时候页面的内容会很大，一秒之后又恢复正常，尝试了很多办法还是没有解决。希望有大神能帮我指导

莫回无
浏览 696回答 1
1回答

暮色呼如

两步:代码放进&nbsp;<head>&nbsp;里不要等待&nbsp;DOMContentLoaded&nbsp;事件, 直接执行如下代码:!function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;html&nbsp;=&nbsp;document.documentElement;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;setFontSize&nbsp;=&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;width&nbsp;=&nbsp;html.offsetWidth;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;if(width&nbsp;<=&nbsp;640)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html.style.fontSize&nbsp;=&nbsp;width&nbsp;/&nbsp;6.4+&nbsp;'px'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html.style.fontSize&nbsp;=&nbsp;100&nbsp;+&nbsp;'px'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;timer;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;setDelay&nbsp;=&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;clearTimeout(timer),&nbsp;(timer&nbsp;=&nbsp;setTimeout(setFontSize,&nbsp;150)); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;window.addEventListener('pageshow',&nbsp;function(evt)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;evt.persisted&nbsp;&&&nbsp;setDelay(); &nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;window.addEventListener('resize',&nbsp;setDelay); &nbsp;&nbsp;&nbsp;&nbsp;setFontSize(); }();
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答