rem簡易適配移動端—動態改變html的px值

//頁面初始化時執行
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即可

比較簡易，最終效果為根據設備分辨率等比縮放