首页 > 移动平台 > 详细

移动端适配rem.js文件

时间:2021-06-12 12:31:02      阅读:22      评论:0      收藏:0      [点我收藏+]
 1 // JavaScript Document
 2 (function (doc, win) {
 3     var docEl = doc.documentElement,
 4         resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
 5         recalc = function () {                
 6             var clientWidth = docEl.clientWidth; //获取设备尺寸       
 7             if (!clientWidth) return;
 8             if(clientWidth>=750){ //设计稿宽度
 9                  docEl.style.fontSize = ‘100px‘;
10             }else{                                
11                 docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px‘;
12             }
13         };
14     if (!doc.addEventListener) return;
15     win.addEventListener(resizeEvt, recalc, false); //绑定事件
16     doc.addEventListener(‘DOMContentLoaded‘, recalc, false);
17     
18 })(document, window);

 

移动端适配rem.js文件

原文:https://www.cnblogs.com/why-wanghaoyuan/p/14877772.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!