REM是基于默认浏览器/操作系统字体，自定义服务字体或实际固定像素的默认字体大小来呈现的吗？

Question

示例，考虑到为chrome定义为16的根元素的默认值，使用Segoe UI加载页面将是1 rem是基于Segoe主体的16px大小？如果提供的字体是其他内容，例如Inter UI，该怎么办？或者是REM 它实际上是16像素，无论哪种字体，操作系统或浏览器？我拍了一张bootstrap 4页https://getbootstrap.com/docs/4.0/content/reboot/的截图，并测量了定义为1em的字体，我知道它正在加载Segoe UI，我想出了16pixels

Answer 1

rem单元设置相对于浏览器基本字体大小的字体大小，并且不会从其父级继承。

供参考https://www.w3schools.com/cssref/css_units.asp和https://www.w3schools.com/cssref/tryit.asp?filename=trycss_unit_rem