gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 14:05:41 25 4
gpt4 key购买 nike

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

我们知道,rem 是相对于根元素的 font-size 的。所以我应该在不同的设备上设置不同的 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>

我认为根据屏幕的高度和重量来调整尺寸是一种更好的方法。这是一个动态更改正文字体大小的示例。

关于javascript - 使用 rem 时计算 html 元素字体大小的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55441347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com