当前位置： 移动技术网 > IT编程>网页制作>Html5 > html5响应式开发自动计算fontSize的方法

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

2020年03月29日  | 移动技术网IT编程  | 我要评论

本文介绍了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";

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网