欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-18 17:59:58
这篇文章主要介绍了html5响应式开发自动计算fontSize的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 20-01-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";

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