使用REM在内部设置字体大小:root元素有效.为什么



我最近遇到了以下事实,即以下代码像魅力一样:

:root {
  font-size: .8rem;
}

(即。它重新缩放默认大小(。

我的问题是:为什么这起作用?是的,我是对的,在:root内使用REM应该是非法的或定义不正确的(出于REM被定义为相对于:root的字体大小本身而定义的原因 - 因此,使用REM来定义:root的属性至少很奇怪(。<<<<<<(。/p>

谢谢!

P.S。这是通过了解CSS背后的计算机制的"元问题"。我几乎可以确定这样做的规范方法是root元素上的设置百分比(又称<html>(。

rem值相对于root元素的 font-size属性,用于HTML文档是HTML元素。

根据CSS值和单位模块3级别关于REM值:

等于根部元素上字体大小的计算值。什么时候 REM单位在根元素的字体大小属性上指定 请参阅该物业的初始值

如果在根元素上没有明确的值,则它将从用户可以更改的浏览器设置继承其值;通常,浏览器设置中的默认字体大小为16px或中等。

因此,如果将REM设置在root元素上,则将其相对于浏览器设置相对于默认值进行设置

相关内容

  • 没有找到相关文章

最新更新