我最近遇到了以下事实,即以下代码像魅力一样:
: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元素上,则将其相对于浏览器设置相对于默认值进行设置