移动端rem适配 计算

149 阅读1分钟

利用rem单位相对根元素的font-size来做计算

rem是css单位 

1rem的大小是通过html下的font-size这个css属性告诉浏览器

使用替换px所在的位置即可

原生写法:在750的设计图上 1rem=50px

 <script>   
   window.addEventListener("resize", font);    
   //监听    
   font();    
   function font() {      
     let wid = document.documentElement.clientWidth || document.body.clientWidth;      
     document.documentElement.style.fontSize = wid / 7.5 + "px";    } 
 </script>