本文介绍了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";
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理