采用flex+rem的方式进行布局和完成移动端的适配

• 
  

rem（font size of the root element）是相对长度单位。相对于根元素（即html元素）font-size计算值的倍数。
适配原理：将px替换成rem，动态修改html的font-size适配。
它可以很好的根据根元素的字体大小来进行变化，从而达到各种屏幕基本一直的效果体验三行js代码简单适配

• 
  

//得到手机屏幕的宽度
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
// 但页面很大的时候，我们作的移动适配方案会呈现很大的字体，
//这不是我们想要的。所以加一个判断，解决页面字体过大的问题。
if(htmlWidth > 750){htmlWidth=750}
//得到html的Dom元素
let htmlDom = document.getElementsByTagName('html')[0];
//设置根元素字体大小htmlDom.style.fontSize= htmlWidth/20 + 'px';

【转载地址】：https://blog.csdn.net/qq_36407748/article/details/80863889

赞一个