移动端适配，有人知道详细方法吗，下面这段代码是什么意思，该怎么运用呢

Question

问题相关代码

//根字体大小设置
document.getElementsByTagName("html")[0].style.fontSize=document.documentElement.clientWidth/15+"px";
//改变窗口的时候重新计算大小
window.onresize = function(){
  document.getElementsByTagName("html")[0].style.fontSize=document.documentElement.clientWidth/15+"px";
}

Answer 1

这句代码的意思是动态获取当前屏幕的像素，并给html节点设置font-size 等于 屏幕像素的 15分之一，给html设置font-size是为了使用rem，这里设置的是 屏幕像素 / 15，也就是说 1rem 等于这个屏幕的15分之一，不管屏幕有多宽，1rem始终占据屏幕的15分之一

document.getElementsByTagName("html")[0].style.fontSize=document.documentElement.clientWidth/15+"px";

这句代码的意思是，当屏幕大小发生改变的时候，重新计算屏幕的像素，并重新给html的font-size赋值，一般用于开发的时候切换手机机型

window.onresize = function(){
  document.getElementsByTagName("html")[0].style.fontSize=document.documentElement.clientWidth/15+"px";
}