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即可

转载于:https://www.cnblogs.com/deepdarkdeveloper/p/10082964.html