以 10 为底的 REM 是否等于确切的像素大小?

Chr*_*kes 2 html css

我正在努力弄清楚使用 REM 和像素回退有什么好处。我正在开发的应用程序通过在 html 上设置字体大小将 REM 声明为大约 10px;

html {
  font-size: 62.5%; /* Sets up the Base 10 stuff */
} 
Run Code Online (Sandbox Code Playgroud)

在我的 CSS 文件中,我会像这样分配字体大小。

.myClass { 
    font-size: 18px;
    font-size: 1.8rem;
}
Run Code Online (Sandbox Code Playgroud)

显然,如果不支持 CSS rem,则像素定义可以作为后备。问题是,如果 REM 与像素大小相同,那么使用 REM 有何意义,为什么不直接使用像素呢?

Que*_*tin 5

font-size: 62.5%;10px如果浏览器设置为出厂默认值,则仅在 html 元素上设置字体大小。

如果用户选择了不同的默认字体大小,则所有内容都会缩放以匹配。

Firefox 字体大小首选项