我想在我的网站上使用 rem 来使用响应式字体大小。
众所周知，rem 是相对于根元素的字体大小而言的。所以我应该在不同的设备中设置 HTML 元素的不同字体大小。
在我看来，我认为我应该使用 js/jquery 来计算字体大小并将其设置为 HTML 元素，从而使用类似公式的东西。更重要的是，我是前端的初学者，我认为公式应该与窗口的宽度有关，但我不确定。
我用谷歌搜索，几乎没有发现任何关于这个的信息。我想知道最好的方法是什么？或者，如果 rem 不是最好的方法？谢谢。
@media only screen and (min-width: 900px) {
body {
font-size:48px
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
body {
font-size:36px
}
}
@media only screen and (max-width: 600px) and (min-width: 300px) {
body {
font-size:18px
}
}<body> Test </body>我认为根据屏幕重量的高度调整尺寸是一种更好的方法。下面是一个动态更改正文字体大小的示例。
我更喜欢使用响应式元标记：
<meta name="viewport" content="width=device-width, initial-scale=1">
您可以在以下位置阅读有关它的信息：元标记
响应式设计中的字体大小和元视口