时间:2021-05-08
本文介绍了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";以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
近几年,HTML5响应式网站外包十分流行,不少企业进行网站外包,都会率先提出要搭建HTML5响应式网站。但你真的了解什么是真正的HTML5响应式网站外包吗?今天
近几年,HTML5响应式网站外包十分流行,不少企业进行网站外包,都会率先提出要搭建HTML5响应式网站。但你真的了解什么是真正的HTML5响应式网站外包吗?今天
今年HTML5响应式网站十分受欢迎,不少企业搭公司网站,首先提出的要求就是要搭建HTML5响应式的。但究竟什么才是真正的HTML5响应式建站呢?今天,美橙互联来
HTML5响应式网站开发建设H5响应式网站目前已经占领了全网营销的流量入口,说起H5响应式网站开发很多人也是慢慢的熟悉起来了,随着H5响应式网站建站技术的日益成
HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码。如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计、跨浏览器兼容、