rem.js(第二版)

达里尔
• 阅读 123
(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
专注IP定位 专注IP定位
2年前
埃文科技上榜CCSIP 2021中国网络安全产业全景图3大安全模块
近日,国内安全行业门户FreeBuf旗下FreeBuf咨询正式发布《CCSIP2021中国网络安全产业全景图》(第三版)。埃文科技凭借持续创新的研发实力和行业领先的网络空间地图测绘技术产品连续上榜业务风控、安全情报、安全服务3大安全模块。相较第二版,CCSIP2021全景图第三版对原有19个安全模块及80个细分领域的厂商收录进一步调整优化,并且新增1个安
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
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个增强功
达里尔 达里尔
10个月前
达里尔
达里尔
Lv1
大部分都是自己工作中遇到的问题,懒得用脑子记就写下来,主要是给自己看的,遇到的时候直接复制粘贴,如果对他人有帮助的话就更好了
文章
29
粉丝
3
获赞
13