关于手机移动端的页面适配问题,小编一直不想使用百分比来适配各个手机型号,于是参考了一下别人的方法。通过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来改变。