Question

我有一个简单的问题，您在哪里声明rem的基本大小？

<body>
  <h1>Something</h1>
</body>

我可以看到font-size <body>设置为16px而<h1>设置为3rem，但是当我使用时，字体呈现为30px期待48px。任何父母可以重新定义基础吗？

Answer 1

<强> REM

表示根元素的字体大小（通常为<html>）。   在根元素font-size中使用时，它表示其初始值   value（常见的浏览器默认值为16px，但是用户定义的首选项   可以修改这个。）

换句话说，更改html元素的字体大小，rem的计算基数会发生变化。

Answer 2

rem单位基于html元素的字体大小，而不是body元素。 html上的默认大小通常 16px，但是不能保证，用户可以更改该默认值。一种常见的做法是在html上显式手动设置font-size，通常为16px值，然后在其他地方使用rems设置最终显示值。

但是，当用户想要或需要增加默认字体大小时，这种做法存在可访问性问题，因此您应该设计页面和布局，以便它们能够适应不同的大小。

rem值是相对于根html元素，而不是父元素。换句话说，它允许您以相对方式指定字体大小，而不受父级大小的影响，从而消除了复合。