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

问题相关代码

//根字体大小设置
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";
}

这句代码的意思是动态获取当前屏幕的像素,并给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";
}

调整 html font-size的 主要是rem布局

rem布局的话是参照你的html 的字体大小进行对应的像素比对

你可以去了解一下rem+百分比布局