js屏幕自适应设置根字体大小代码

最新推荐文章于 2023-02-14 17:50:47 发布

前端J先生

最新推荐文章于 2023-02-14 17:50:47 发布

阅读量1.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_37547964/article/details/109004477

版权

js 专栏收录该内容

55 篇文章 4 订阅

订阅专栏

	<script>
			// 设置成自调用函数 传入window，跟document
			((win,doc)=>{
				// doc需要传进去的参数 所以使用变量命名的方式赋函数
				let res=()=>{
					// 当前代码是获取可视窗口的宽度 除以16 16是默认字体大小
					let width=doc.documentElement.clientWidth/16;
					// 设置html根字体大小
					doc.getElementsByTagName('html')[0].style.fontSize=width+'px';
					// 获取html根字体大小
					console.log(doc.getElementsByTagName('html')[0].style.fontSize)
				}
					// 监控可视窗口变化，变化则调用
				window.onresize=()=>{
					// 调用函数进行获取html根字体的大小
					res()
				}
				})(window,document)
		</script>