通過js根據螢幕裝置尺寸的大小，改變根元素的值：

<script>

var html = document.querySelector("html");
var    rem = html.offsetWidth / 7.5;
 html.style.fontSize = rem + "px";

</script>

最簡單的適配方案：

7.5 為 設計圖的寬度除以100；

H5端自適應框架 使用方便，設計圖的1px對應0.01rem,設計圖的字型大小24px對應0.24rem,就是如此簡單！

在header中寫入以下程式碼，實時更新html的fontsize:

css樣式：
正常情況下的寫法：
div{
width:100px;
height:200px;
border:1px solid #F00;
padding:20px;
}
使用自適應方法，px用rem ，1px的仍然可以用1px，可以改寫為：
div{
width:1rem;
height:2rem;
border:1px solid #F00;
padding:0.2rem
}

手機端的適配方法有多種，會不斷更新~