Html 底10处的REM是否等于精确的像素大小?
我正在努力弄清楚使用REM和像素后退是如何带来好处的。我正在开发的应用程序通过在html上设置字体大小将REM声明为大约10pxHtml 底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
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的。。。因此,它们不能很好地与其他所有的功能进行扩展。