码迷,mamicode.com
首页 > 移动开发 > 详细

移动端适配js

时间:2018-05-06 20:03:30      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:移动   为我   nts   手机屏幕   code   idt   font   document   class   

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

标签:移动   为我   nts   手机屏幕   code   idt   font   document   class   

原文地址:https://www.cnblogs.com/zhaobao1830/p/8999189.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!