Javascript 我们可以在web项目中检测移动设备中的字体大小或字体系列吗？

我正在做一个项目，我需要根据用户的需要改变字体样式和大小，比如如果用户的设备的字体比网页的字体大

例如，您的android或ios设备的基本字体大小如下所示

主标题-18px 副标题-16px 内容-14px

和你的网页主页 字体大小为

主标题-16px 副标题-18px 内容-12px

---

现在，我想检测android或ios设备的字体大小，以更改我的网页字体大小。

您应该使用媒体查询，此命令用于定义特定屏幕大小的特定样式，请遵循有关如何使用的教程

例如：

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

div{
   font-size: 1rem
}

如果您想根据设备源的大小更改源，请使用

rem

这是一种以浏览器中配置的字体大小为基础的度量

例如：

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

div{
   font-size: 1rem
}

（继续上面的评论）

阅读有关getComputedStyle的更多信息

你可以检查类似的小提琴

---

希望对您有所帮助。

@shrys我已经在媒体查询中应用了CSS，但我正在根据设备字体大小查找字体大小。可能是@A.Meshu的重复项我尝试了此操作，但没有为mobile工作以获取信息。@DharmeshMertwal您可以分享您的代码尝试吗？谢谢，但我已经在媒体查询中应用了CSS，但我我正在根据设备字体大小查找字体大小。请按照回答中的说明使用rem。是的，我已经尝试过。此代码将获取特定div或元素的字体大小，我询问的是我的设备本机字体大小。使用此代码将获取所有元素将从中呈现的初始字体大小（文档主体-在浏览器显示时）。一旦你有了它，你就可以决定如何处理它。你的目标是什么？如果它将是16px-比什么？