Javascript 在使用rem时，计算html元素字体大小的最佳方法是什么？

我想通过在我的网站上使用rem来使用响应字体大小

我们知道，rem与根元素的字体大小有关。所以我应该在不同的设备中设置HTML元素的不同字体大小

在我看来，我认为应该使用类似于公式的方法，使用js/jquery计算字体大小并将其设置为HTML元素。更重要的是，我是前端的初学者，我认为公式应该与窗口的宽度有关，但我不确定

---

我在谷歌上搜索了一下，几乎什么也没找到。我想知道最好的方法是什么？或者如果rem不是最好的方法？谢谢。

我更喜欢使用响应性元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

您可以在以下网站上阅读：

@仅媒体屏幕和（最小宽度：900px）{
身体{
字号：48px
}
}
@仅介质屏幕和（最小宽度：600px）和（最大宽度：900px）{
身体{
字号：36px
}
}
@仅介质屏幕和（最大宽度：600px）和（最小宽度：300px）{
身体{
字号：18px
}
}

---

Test

好吧，我有一个想法，如果我使用@media并用VW设置字体大小，可能会更流畅。我完全同意你的看法。使用相对单位可以让你的页面看起来更好。但是不同分辨率的设备字体大小应该不同，对吗？