Html 底10处的REM是否等于精确的像素大小?

Html 底10处的REM是否等于精确的像素大小?,html,css,Html,Css,我正在努力弄清楚使用REM和像素后退是如何带来好处的。我正在开发的应用程序通过在html上设置字体大小将REM声明为大约10px html { font-size: 62.5%; /* Sets up the Base 10 stuff */ } 而在我的CSS文件中,我会像这样分配字体大小 .myClass { font-size: 18px; font-size: 1.8rem; } 显然,如果不支持CSS rem,那么像素定义就是一个后备方案。问题是,如果REM

我正在努力弄清楚使用REM和像素后退是如何带来好处的。我正在开发的应用程序通过在html上设置字体大小将REM声明为大约10px

html {
  font-size: 62.5%; /* Sets up the Base 10 stuff */
} 
而在我的CSS文件中,我会像这样分配字体大小

.myClass { 
    font-size: 18px;
    font-size: 1.8rem;
}
显然,如果不支持CSS rem,那么像素定义就是一个后备方案。问题是,如果REM的大小与像素相同,那么使用REM的意义何在,为什么不直接使用像素呢

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

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


因为你的像素不是我的像素,也不是其他人的像素…这里的答案很好,谢谢。现在,我用chrome改变了我的字体大小,所有的东西都缩放得很好。当我查看有问题的网站时,我注意到有些东西不合适,这些东西是因为某些作品的宽度、高度等没有rem的。。。因此,它们不能很好地与其他所有的功能进行扩展。