Css Em使浏览器中的字体过大

我对前端web开发有点陌生，使用em时字体大小有点问题；通过搜索这个网站，我学到了很多东西，但仍然存在一些问题

我正在使用媒体查询来编写一个响应性网站。当我在ems中指定导航文本字体大小以便在手机上看起来很好时，当我在桌面浏览器中查看时，它看起来很大。我将正文字体大小设置为62.5%，我的理解是ems与此相关

有什么想法吗

---

更新：谢谢Jackie！我的问题肯定是我没有清楚地考虑ems在子元素中的行为。

Em还考虑了相对空间，所以无论Em值设置为父元素还是子元素，它都会向下延伸。使用em的挑战在于，您必须知道（并记住）父级大小，因为它是类型其余部分行为的基础。我建议使用REM's，因为它们更符合根

在下面的例子中，家长会考虑到你的身体字体大小为62.5%，然后相应地增加，然后孩子会看家长的实际字体大小

<style>
  .parent { font-size:1.5em }
  .child {  font-size:1em }
</style>
<div class="parent">
    <div class="child">Text</div>
</div>

.parent{font size:1.5em}
.child{字体大小：1em}
正文

文档头部是否有viewport meta标记？显示您的代码并解释您真正想要做的事情。而

em

是（对于字体大小）父元素的字体大小（可能是也可能不是

body

元素）。