rem.js(第二版)

1(function (doc, win) { 2 var docEl = doc.documentElement, 3 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', 4 recalc = function () { 5 var clientWidth = docEl.clientWidth; 6 if (!clientWidth) return; 7 if (clientWidth >= 750) { 8 // docEl.style.fontSize = '100px'; 9 docEl.setAttribute('style', 'font-size:100px!important'); 10 } else { 11 docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'; 12 } 13 }; 14 15 if (!doc.addEventListener) return; 16 win.addEventListener(resizeEvt, recalc, false); 17 doc.addEventListener('DOMContentLoaded', recalc, false); 18})(document, window);
点赞
收藏

评论区

加载中...

相关推荐

JavaScript 和 Node.js 中事件循环

1.JavaScript中事件循环可以参考《JavaScript忍者秘籍第二版》第十三章,讲解的很好。JavaScript中事件循环,主要就在理解宏任务和微任务这两种异步任务。宏任务(macrotask):setTimeOut、setInterval、setImmediate、I/O、各种callback、UI渲染、messageCh

vue-cli3 中使用rem布局

1.装包postcsspx2rem及px2remloadernpminstallpostcsspx2rempx2remloadersave2.在根目录src中新建utils目录下新建rem.js等比适配文件,内容如下//rem等比适配配置文件//基准大小constbaseSize16//设置rem

移动端rem.js

functionremRefresh(){letclientWidthdocument.documentElement.clientWidth;//将屏幕分成10等份letremclientWidth/1

CODING DevOps 代码质量实战系列第二课,相约周三

随着ToB(企业服务)的兴起和ToC(消费互联网)产品进入成熟期,线上故障带来的损失越来越大,代码质量越来越重要,而「质量内建」正是DevOps核心理念之一。《DevOps代码质量实战(PHP版)》为CODINGDevOps代码质量实战系列的第二课,同时也是本系列的PHP版,杨周老师将以PHPLaravel为例,为

Kubernetes v1.19 正式发布

终于,我们迎来了Kubernetes1.19版本,这是2020年的第二个版本,也是迄今为止最长的发布周期,总共持续20周。它由33项增强功能组成。12个增强功能进入稳定版,18个增强功能进入测试版,13个增强功能进入alpha版。!(https://oscimg.oschina.net/oscnet/dd45ac5e392744c78240

Kubernetes v1.19来了!亮点抢先看

Kubernetes1.19版本终于来啦!这是2020年的第二个版本,也是迄今为止最长的发布周期,总共持续20周。它由33项增强功能组成。12个增强功能进入稳定版,18个增强功能进入测试版,13个增强功能进入alpha版。!(https://oscimg.oschina.net/oscnet/52aca5f464724568bf35