rem響應式JS

標籤：設計   響應式   size   cli   即時   字型大小   設定   視窗   resize   

//視窗第一次開啟時擷取一次
rc();
//視窗改變時，即時擷取。
window.onresize=rc;
function rc(){
//預設字型大小
var fontS=20;
//擷取視窗的寬度
var windowWidth =document.documentElement.clientWidth;
//視窗寬度除設計圖的大小獲得一個比例
var rate=windowWidth/1366;
//設定預設大小×比例，進行響應式
document.documentElement.style.fontSize = fontS*rate+"px";
}

rem響應式JS