移动端适配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);

这篇关于移动端适配rem.js文件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！