随着移动互联网到来，网站适配手机成为了共识，因为你能看到越来越多的人开始或者已经做了网站移动端的适配，仍有不少的小伙伴在适配手机的时候遇到问题，关于手机移动端的页面适配问题，这里不推荐使用百分比来适配各个手机型号，于是参考了一下别人的方法，通过rem来适配。下面讲讲可行的手机移动端页面适配JS技术方案。
首先获取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来改变。
未经允许不得转载：跨屏互联 » 手机移动端页面适配JS技术方案
