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

Question

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

众所周知，rem 是相对于根元素的字体大小的。所以我应该在不同的设备中设置不同的 HTML 元素的字体大小。

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

我用谷歌搜索，几乎没有发现任何关于此的信息。我想知道最好的方法是什么？或者如果 rem 不是最好的方法？谢谢你。

标签： javascriptjquerycss

Answer 1

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

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

你可以阅读它： 元标记

响应式设计中的字体大小和元视口