我正在努力弄清楚使用 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 有何意义,为什么不直接使用像素呢?