其他分享
首页 > 其他分享> > 移动端rem适配方法

移动端rem适配方法

作者:互联网

// 设置 rem 函数
function setRem() {
  // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
  let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
  //得到html的Dom元素
  let htmlDom = document.getElementsByTagName('html')[0];
  //设置根元素字体大小
  htmlDom.style.fontSize = htmlWidth / 20 + 'px';
}

// 初始化
setRem();
// 改变窗口大小时重新设置 rem
window.onresize = function () {
  setRem();
};

标签:document,适配,htmlDom,clientWidth,setRem,rem,移动,htmlWidth
来源: https://blog.csdn.net/jatej/article/details/121508843