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";
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 同样都是三国里面的军事 诸葛亮的司马懿的名声为何完全不同
下一篇: 非企竞价返点开户的一些小秘密
推荐阅读
-
html5响应式开发自动计算fontSize的方法
-
HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍
-
浅析响应式框架中,table表头自动换行的快速解决方法
-
HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍
-
浅析响应式框架中,table表头自动换行的快速解决方法_HTML/Xhtml_网页制作
-
html5响应式开发自动计算fontSize的方法
-
HTML5中的picture元素响应式处理图片方法
-
HTML5中的picture元素响应式处理图片方法
-
浅析响应式框架中,table表头自动换行的快速解决方法_HTML/Xhtml_网页制作