移动端rem布局屏幕适配插件(放js中便可使用)

我的梦境 提交于 2020-01-05 05:09:46
/*  doc:不用管:document对象  win:不用管:window对象  design:注意:设计稿的尺寸/物理像素*/
(function (doc, win,design) {// alert(123)      var docEl = doc.documentElement,         resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',         recalc = function () {             var clientWidth = docEl.clientWidth;             if (!clientWidth) return;             if(clientWidth>design){                 docEl.style.fontSize = 100 * (clientWidth / design) + 'px';             }             else if(clientWidth==design){                 docEl.style.fontSize = '100px';             }else{                 docEl.style.fontSize = 100 * (clientWidth / design) + 'px';             }         };    if (!doc.addEventListener) return;     win.addEventListener(resizeEvt, recalc, false);     doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window,375);/*window.onload = function() {    document.documentElement.style.fontSize = document.documentElement.clientWidth / 320 * 20 + 'px';    window.onresize = function() {        document.documentElement.style.fontSize = document.documentElement.clientWidth / 320 * 20 + 'px';    };};*/
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!