每次做移動端項目叮喳，都要根據(jù)設(shè)計圖規(guī)劃和設(shè)計好項目rem和px換算比例。久而久之缰贝，找到一套rem自適應(yīng)JS代碼馍悟，只要把這段js代碼最好封裝在一個單獨的js文件里，并且放在所有的css文件引入之前即可剩晴。
rem.js代碼如下：
//rem自適應(yīng)代碼一：
//能適用所有移動端h5頁面的自適應(yīng)需求 - rem設(shè)置
window.onload = function(){
/*720代表設(shè)計師給的設(shè)計稿的寬度锣咒，你的設(shè)計稿是多少，就寫多少;100代表換算比例赞弥，這里寫100是
為了以后好算,比如毅整，你測量的一個寬度是100px,就可以寫為1rem,以及1px=0.01rem等等*/
getRem(750,100);
};
window.onresize = function(){
getRem(750,100)
};
function getRem(pwidth,prem){
//pwidth設(shè)計圖寬度一般是750 也有640 或者720 //prem設(shè)置的px與rem換算比例 建議100
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth/pwidth*prem + "px";
}
示例：
image.png
移動端預(yù)覽一（設(shè)備寬度為320px的設(shè)備）：
image.png
移動端預(yù)覽一（設(shè)備寬度為375px的設(shè)備）：
image.png
移動端預(yù)覽一（設(shè)備寬度為768px的設(shè)備）：
image.png
PC端預(yù)覽一（設(shè)備寬度為PC設(shè)備）：
image.png
