使用rem设置移动端的尺寸

移动端的特点
一、设备尺寸不同
二、可以通过设置百分比解决
三、设置百分比计算繁琐

单位概述
px:像素
em:相对于父级的font-size值
rem:相对于html标签的font-size值

设置完父级的大小之后，em前面的数即为父级元素大小的倍数

html font-size:30px; 1rem 代表30px;10rem 代表300px;

通过js文件，根据浏览器的视窗宽度设置html元素的fontsize值
docEl.style.fontSize = 100*(clientWidth / 750) + 'px';
clientWidth 为浏览器视窗宽度:
如果浏览器视窗宽度为750px，那么html的font-size为100px
100px =1rem;
100%=750px=?rem;
结果为:7.5rem;
如果浏览器视窗宽度为375px，那么html的font-size为50px
50px=1rem;
100%=375px=?rem;
结果为:7.5rem;