頁面加載完畢再顯示頁面布局

小主們寫手機端頁面測試時（主要是手機端響應式匹配情況下出現），往往會發現頁面會出現閃屏，就是頁面圖標或者字體會先顯示大圖，然后頁面加載完畢才會縮小恢復正常，在網絡不好的情況下，可能要半天才回恢復正常頁面的布局顯示，不懂的外行還以為是頁面寫的有問題呢！

當然這種情況下。一招幫你解決困擾。就是使用js來控制頁面顯示，當頁面加載完畢時在顯示界面，這樣就不會出現閃屏的煩惱。

//頁面加載完畢再顯示頁面
<script>
document.onreadystatechange = function () {
            if (document.readyState == "complete") {
                document.body.style.display = "block";
            } else {
                document.body.style.display = "none";
            };
        };
</script>