JavaScript：响应式——rem

JesusAllen30

于 2017-04-08 11:23:26 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript必备文章标签： javascript 响应式

本文链接：https://blog.youkuaiyun.com/DOCALLEN/article/details/69666096

JavaScript必备专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态调整根元素字体大小实现响应式布局的方法，通过监听窗口尺寸变化实时更新基准字体大小，使得所有基于REM单位的元素都能自适应不同屏幕尺寸。

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

单独建立一个 js 文件，内容：

document.documentElement.style.fontSize = document.documentElement.clientWidth/19.2 + "px";
                    window.addEventListener("resize",setRemSize,false);
                    function setRemSize(){
                        document.documentElement.style.fontSize = document.documentElement.clientWidth/19.2 + "px";
                    }