解決移動端rem+百分比布局載入瞬間頁面錯亂的方法

標籤：就是   rem   size   class   win   nbsp   element   布局   bsp   

1.JS載入順序與載入方法 
頁面載入順序通常是”從上往下”載入的，所以在內容地區，也就是body以及body包含的DOM還未被瀏覽器遍曆之前，我們就應該將html的font-size計算好。我們應當把計算字型的js放在body之前，如下所示：

推薦——原生寫法(最佳化載入，加快body的顯示)： 

function resize(){
var htmlEle = document.documentElement;
var htmlWidth = window.innerWidth;
htmlEle.style.fontSize = 100/750*htmlWidth+‘px‘;
}
resize();

 

解決移動端rem+百分比布局載入瞬間頁面錯亂的方法