其他分享
首页 > 其他分享> > 移动端适配rem.js文件

移动端适配rem.js文件

作者:互联网

 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);

 

标签:false,recalc,适配,addEventListener,js,clientWidth,doc,rem,docEl
来源: https://www.cnblogs.com/why-wanghaoyuan/p/14877772.html