最新下载
热门教程
- 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";
相关文章
- 无主之地4支线任务野蛮救援怎么做 支线任务野蛮救援图文攻略 09-16
- 超级机器人大战Y我的歌你的歌怎么过 音乐共鸣关卡攻略 09-16
- 原神奈芙尔技能是什么 奈芙尔技能介绍 09-16
- 无主之地4支线任务忘乎所以怎么做 支线任务忘乎所以图文攻略 09-16
- 超级机器人大战Y回忆的另一端怎么过 记忆回溯关卡攻略 09-16
- 原神奈芙尔实机是什么样 奈芙尔实机介绍 09-16