博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
rem.js
阅读量:4575 次
发布时间:2019-06-08

本文共 867 字,大约阅读时间需要 2 分钟。

 

 

/***author:Beginner**create:20190620**email:BeginnerMind@163.com*/var vRem;//全局变量添加vRem,记录当前状态下的rem值,方便js调用。(function(win) {    var designWidth=375,maxWidth=750,def_px=100,        doc = win.document,docEl = doc.documentElement,        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',        recalc=function(){            console.log('rem init');            var width = docEl.getBoundingClientRect().width;            width=width>maxWidth?maxWidth:width;            vRem=Math.floor(width/designWidth*def_px);            document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + vRem +"px";        }    recalc();    if (!doc.addEventListener) return;    win.addEventListener(resizeEvt, recalc, false);    doc.addEventListener('DOMContentLoaded', recalc, false);})(window);

  

 

转载于:https://www.cnblogs.com/lstrive/p/10986197.html

你可能感兴趣的文章
算法入门笔记------------Day4
查看>>
.net学习笔记之访问数据库
查看>>
JavaScript数组常用的方法
查看>>
洛谷 P1402 酒店之王
查看>>
linux日常管理-系统服务
查看>>
Enter Query Mode Search Tricks Using Enter_Query Built-in in Oracle Forms
查看>>
Form属性、内置子程序、触发器、系统变量
查看>>
广州夜景一
查看>>
linux编译安装python3和安装django
查看>>
PHP数组对象互转
查看>>
JVM(2)--一文读懂垃圾回收
查看>>
NyistOJ 55 懒省事的小明(c++)(优先队列)(贪心)
查看>>
iOS ERROR: unable to get the receiver data from the DB 解决方式
查看>>
游戏开发——战斗系统设计技巧
查看>>
Android ROM 制作教程
查看>>
Android模拟器使用SD卡
查看>>
新手Oracle安装及使用入门
查看>>
4/25
查看>>
python3 第十七章 - sequence(序列)
查看>>
关于新标签dialog
查看>>