Question

我对前端Web开发有点新，我在使用em时遇到了一些字体大小问题;我通过搜索这个网站学到了很多东西，但仍有一些问题。

我使用媒体查询来编写响应式网站的代码。当我在ems中指定我的导航文本字体大小以使其在移动电话上看起来很好时，当我在桌面浏览器中查看它时它看起来很大。我将正文字体大小设置为62.5％，我的理解是ems是相对的。

有什么想法吗？

更新：谢谢杰基！我的问题当然是我没有清楚地思考ems在子元素中的表现。

Answer 1

Em还会查看相对空间，因此无论将em值设置为您的父母，它都会流向您的孩子。使用em的挑战在于您必须知道（并记住）父级大小，因为它是该类型其余部分的行为基础。我建议使用REM，因为它们更真实的根。

在下面的示例中，父母将考虑您的身体字体大小为62.5％，然后相应地增加，然后孩子将查看父母的实际字体大小。

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