字体大小随分辨率大小变化而变化

最新推荐文章于 2023-04-27 16:47:03 发布

原创最新推荐文章于 2023-04-27 16:47:03 发布 · 513 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

css 专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript实现网页字体大小随着设备分辨率的变化而自动调整。通过监测设备宽度并设置适当的字体比例，确保在不同屏幕尺寸下提供良好的阅读体验。代码示例中展示了当设备宽度大于760px时，字体大小为设备宽度的十分之一，否则按设备宽度设定字体大小。

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

字体大小随分辨率大小变化而变化

<script type="text/javascript">
    function fontSize(){
        var deviceWidth=document.documentElement.clientWidth>760?760:document.documentElement.clientWidth;
        document.documentElement.style.fontSize=(deviceWidth/76)+"px";
    }
    fontSize();
    window.onresize=fontSize;
</script>