最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
html5响应式开发自动计算fontSize的代码
时间:2022-06-25 17:59:13 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下html5响应式开发自动计算fontSize的代码,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
代码如下
var winWidth = window.innerWidth; var winHeight = window.innerHeight; //获得屏幕的宽度 rem=屏幕宽度/7.5+"px" var perRemPx = document.getElementsByTagName("html")[0].clientWidth / 7.5; //动态计算 window.addEventListener("resize", function () { //获得屏幕的宽度 rem=屏幕宽度/7.5+"px" perRemPx = document.getElementsByTagName("html")[0].clientWidth / 7.5; //将得到的rem值复制给根元素的font-size document.getElementsByTagName("html")[0].style.fontSize = perRemPx + "px"; }); // 将得到的rem值复制给根元素的font-size document.getElementsByTagName("html")[0].style.fontSize = perRemPx + "px";
相关文章
- 银与绯吉尔兰技能怎么样 吉尔兰战斗特性解析 07-14
- 异环异象管理局局长是谁 艾尔菲德角色详细介绍 07-14
- 欧意易ok官网下载版 欧意易app下载 07-14
- 迷你世界马车怎么做 马车制作方法介绍 07-14
- 碳碳岛许愿池有什么作用 许愿池建造方法介绍 07-14
- 最终幻想14水晶世界怎么招募雇员 招募雇员方法介绍 07-14