获取显示器分辨率大小更改页面字体大小JS

最新推荐文章于 2020-12-03 19:55:19 发布

原创最新推荐文章于 2020-12-03 19:55:19 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#获取显示器大小 #更改字体大小

获取显示器大小同时被 2 个专栏收录

1 篇文章

订阅专栏

更改字体大小

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态调整根元素字体大小的方法，实现响应式设计中REM单位的自适应布局。通过获取设备视口宽度并计算出合适的字体大小，确保在不同屏幕尺寸下页面元素能够保持良好的阅读体验。

var getRem = function() {
    var html = document.documentElement;
    var hWidth = (html.getBoundingClientRect().width)*(768/1680);
    if(hWidth<=442){
        hWidth = 442
    }
    html.style.fontSize = hWidth/16 + "px";
};
getRem();
window.onresize = function() {
    getRem();
};