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

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

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

//页面加载完毕再显示页面
<script>
document.onreadystatechange = function () {
            if (document.readyState == "complete") {
                document.body.style.display = "block";
            } else {
                document.body.style.display = "none";
            };
        };
</script>