移动端适配js

Posted zhaobao1830

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端适配js相关的知识,希望对你有一定的参考价值。

1       //得到手机屏幕的宽度
2       let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
3       //得到html的Dom元素
4       let htmlDom = document.getElementsByTagName(html)[0];
5       //设置根元素字体大小 为什么除以20,因为我们是以iphone5为标准,它的width为320,font-size为16
6       htmlDom.style.fontSize= htmlWidth/20 + px;

 

这样就可以和rem配合使用,实现移动端的适配了

以上是关于移动端适配js的主要内容,如果未能解决你的问题,请参考以下文章

移动端适配js

移动端页面利用好viewport,适配各种宽度屏幕

移动端rem适配-JS

移动端适配js

JS移动端适配(自适应)

移动端适配-px转成rem