页面加载完毕再显示页面布局

小主们写手机端页面测试时（主要是手机端响应式匹配情况下出现），往往会发现页面会出现闪屏，就是页面图标或者字体会先显示大图，然后页面加载完毕才会缩小恢复正常，在网络不好的情况下，可能要半天才回恢复正常页面的布局显示，不懂的外行还以为是页面写的有问题呢！

当然这种情况下。一招帮你解决困扰。就是使用js来控制页面显示，当页面加载完毕时在显示界面，这样就不会出现闪屏的烦恼。

 1 //页面加载完毕再显示页面
 2 <script>
 3 document.onreadystatechange = function () {
 4             if (document.readyState == "complete") {
 5                 document.body.style.display = "block";
 6             } else {
 7                 document.body.style.display = "none";
 8             };
 9         };
10 </script>

 

转载于:https://www.cnblogs.com/nannan1221/p/10429709.html