//頁面初始化時執行
fnResize()
//視窗大小變化時執行
  window.onresize = function () {
    fnResize()
  }
  function fnResize() {
    var deviceWidth = document.documentElement.clientWidth || window.innerWidth //瀏覽器寬度var fontsize = (deviceWidth / 7.5) + 'px'
    document.getElementsByTagName('html')[0].style.fontSize = fontsize
  }
 

比如移動端設計稿常見尺寸為寬750px，因此將html文件的px值設為（視窗寬度/7.5），1rem就等於這個值

此時，若設計稿中某元素寬度為123px，則在css樣式中寫1.23rem即可