建站百科

文章导读：本文主要阐述了“手机移动端页面适配JS技术方案”随着移动互联网到来，网站适配手机成为了共识，因为你能看到越来越多的人开始或者已经做了网站移动端的适配，仍有不少的小伙伴在...，本文由跨屏网最后更新于2020-07-22，全文共432个字，预计阅读时长1分26秒。

首先获取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技术方案”的一些看法，欢迎指正、交流。

内容标题：手机移动端页面适配JS技术方案
新闻来源：http://test.kuaping.com/article/show93.html