rem.js(第二版)

达里尔
• 阅读 108
(function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if (clientWidth >= 750) {
                // docEl.style.fontSize = '100px';
                docEl.setAttribute('style', 'font-size:100px!important');
            } else {
                docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
            }
        };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
点赞
收藏
评论区
推荐文章
Souleigh ✨ Souleigh ✨
3年前
JavaScript 和 Node.js 中事件循环
1.JavaScript中事件循环可以参考《JavaScript忍者秘籍第二版》第十三章,讲解的很好。JavaScript中事件循环,主要就在理解宏任务和微任务这两种异步任务。宏任务(macrotask):setTimeOut、setInterval、setImmediate、I/O、各种callback、UI渲染、messageCh
翼
3年前
vue-cli3 中使用rem布局
1.装包postcsspx2rem及px2remloadernpminstallpostcsspx2rempx2remloadersave2.在根目录src中新建utils目录下新建rem.js等比适配文件,内容如下//rem等比适配配置文件//基准大小constbaseSize16//设置rem
LinMeng LinMeng
1年前
移动端rem.js
functionremRefresh(){letclientWidthdocument.documentElement.clientWidth;//将屏幕分成10等份letremclientWidth/1
Stella981 Stella981
2年前
CODING DevOps 代码质量实战系列第二课,相约周三
随着ToB(企业服务)的兴起和ToC(消费互联网)产品进入成熟期,线上故障带来的损失越来越大,代码质量越来越重要,而「质量内建」正是DevOps核心理念之一。《DevOps代码质量实战(PHP版)》为CODINGDevOps代码质量实战系列的第二课,同时也是本系列的PHP版,杨周老师将以PHPLaravel为例,为
Stella981 Stella981
2年前
Kubernetes v1.19 正式发布
终于,我们迎来了Kubernetes1.19版本,这是2020年的第二个版本,也是迄今为止最长的发布周期,总共持续20周。它由33项增强功能组成。12个增强功能进入稳定版,18个增强功能进入测试版,13个增强功能进入alpha版。!(https://oscimg.oschina.net/oscnet/dd45ac5e392744c78240
Wesley13 Wesley13
2年前
C++11新特性学习
1、什么是C11C11标准为C编程语言的第三个官方标准,正式名叫ISO/IEC14882:2011InformationtechnologyProgramminglanguagesC。在正式标准发布前,原名C0x。它将取代C标准第二版ISO/IEC14882:2003Progr
Stella981 Stella981
2年前
Kubernetes v1.19来了!亮点抢先看
Kubernetes1.19版本终于来啦!这是2020年的第二个版本,也是迄今为止最长的发布周期,总共持续20周。它由33项增强功能组成。12个增强功能进入稳定版,18个增强功能进入测试版,13个增强功能进入alpha版。!(https://oscimg.oschina.net/oscnet/52aca5f464724568bf35
Stella981 Stella981
2年前
Egret 5.3 正式发布,为重度小游戏开发带来新技能
各位开发者好,白鹭引擎团队今天发布2020年最大的一次更新:Egret5.3版本。由于白鹭引擎团队在2019年已经针对部分开发者提供过内部的5.3.x版本,所以本次更新的版本号为5.3.5。根据白鹭引擎2018年以来的规划,版本号第二位为奇数位表示这个版本是抢先体验版而非稳定版,因此我们将在Egret5.3系列版本中相对激进的引入新特性,但是
Stella981 Stella981
2年前
Kubernetes v1.19.0 正式发布!
前言!(https://oscimg.oschina.net/oscnet/59f3f0a20bc94a899798600c592b057f.png)终于,我们推出了Kubernetes1.19,这是2020年的第二个发行版,并且迄今为止最长的发行周期持续了20周。它由33项增强功能组成。12个增强功能进入稳定版,18个增强功
达里尔
达里尔
Lv1
大部分都是自己工作中遇到的问题,懒得用脑子记就写下来,主要是给自己看的,遇到的时候直接复制粘贴,如果对他人有帮助的话就更好了
文章
27
粉丝
3
获赞
13