首页 > 开发 > HTML5 > 正文

html5响应式开发自动计算fontSize的方法

2024-09-05 07:23:14
字体:
来源:转载
供稿:网友

本文介绍了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-sizedocument.getElementsByTagName("html")/[0/].style.fontSize /= perRemPx + "px";

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表