H5中自动计算fontSize方法是什么，代码如何写-群英

上一篇：H5中图片上传预处理功能具体怎么实现，过程是什么下一篇：CSS代码重构是什么意思，如何编写优质的CSS

关于“H5中自动计算fontSize方法是什么，代码如何写”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。

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

到此这篇关于“H5中自动计算fontSize方法是什么，代码如何写”的文章就介绍到这了,更多相关H5中自动计算fontSize方法是什么，代码如何写内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！