移动端手机适配问题

    关于手机移动端的页面适配问题，小编一直不想使用百分比来适配各个手机型号，于是参考了一下别人的方法。通过rem来适配。

    首先获取html节点的字体类型，document.documentElement.style.fontSize,

   然后获取移动端手机的宽度，document.documentElement.clientWidth.

 我们这里用的是屏幕以375px X 667px的适配方法来适配。

整体代码如下：

document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 100 + 'px';

这里我们得到的1rem=50px;具体1rem是多少px我们可以根据上文的750px来改变。