REM界面自适应方法

最新推荐文章于 2025-06-27 19:45:56 发布

灬ManongLai

最新推荐文章于 2025-06-27 19:45:56 发布

阅读量267

点赞数

分类专栏： javascript 文章标签： rem rem自适应 PC移动端自适应

javascript 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一段用于网页中自动调整字体大小以适应不同设备分辨率的JavaScript脚本。该脚本能够根据设备像素比和屏幕宽度来调整HTML元素的字体大小，确保在各种分辨率下都能获得良好的阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var MP_CUR_TIME=+new Date;!function(e){var t=e.document,n=t.documentElement,i=e.devicePixelRatio||1,a="orientationchange"in e?"orientationchange":"resize",d=function(){var e=n.getBoundingClientRect().width||360;(1==i||e>720)&&(e=720),n.style.fontSize=e/7.2+"px"};n.setAttribute("data-dpr",i),t.addEventListener&&(e.addEventListener(a,d,!1),"complete"===t.readyState||t.addEventListener("DOMContentLoaded",function(){setTimeout(d)},!1))}(window)