监听页面的改变来改变HTML的font-size的大小
程序员文章站
2022-06-21 13:24:50
...
(function (document) {
var dcl = document.documentElement,//获取到html元素
wh; //申明wh变量
function setRootRem() {
wh = dcl.clientHeight; //获取元素的高度
dcl.style.fontSize = 100 * (wh / 1206) + 'px'; // 1206为设计稿高度 改变font-size的大小
}
setRootRem();
document.addEventListener('DOMContentLoaded', setRootRem, false); //DOMContentLoaded事件 当初始的html文档全部加载完成后触发 不等待css样式表的加载
window.addEventListener('resize', setRootRem, false); //resize事件 监听窗口的大小来触发事件
})(document);
上一篇: JS中new的实现
下一篇: 迷你身材却有大能量-享拍行车记录仪评测