用JavaScript实现字体大小屏幕自适应
<script>window.addEventListener('resize',function(){console.log(111);// 获取当前页面的根元素let doc=document.documentElement;// 获取当前设备的视口宽度let view_width=doc.clientWidth;// 计算 font-size 的值let fontSize=view_width /15;// 设置当前的html的font-size 属性的值 doc.style.fontSize = fontSize+'px';})</script>
封装
<script>// 封装函数window.addEventListener('resize',function(){reset_font();})function reset_font(){console.log(111);// 获取当前页面的根元素let doc=document.documentElement;// 获取当前设备的视口宽度let view_width=doc.clientWidth;// 计算 font-size 的值let fontSize=view_width /15;// 设置当前的html的font-size 属性的值 doc.style.fontSize = fontSize+'px';}</script>