html5响应式开发自动计算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-sizedocument.getElementsByTagName("html")[0].style.fontSize = perRemPx + "px";

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

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