Css 在制作布局时使用em或rem

Css 在制作布局时使用em或rem,css,layout,em,Css,Layout,Em,我已经在我的网站的草图上做了视觉布局,并记录了元素之间的每个像素或单词的大小。但是当我开始使用这些单位来制作CSS布局元素时,我感到困惑 我知道设置html{font size:62.5%;}使1em=10px是一个更好的策略而不是使用px进行布局。然而,当我在使用em制作布局时,我遇到了很多次偏移 问题是,当我们可以使用rem时,为什么要使用em?什么时候是使用rem的正确时间?(不关心浏览器支持问题) 附言:我已经知道这两者之间的区别。em是相对于父项的,rem是相对于根(html)标记的

我已经在我的网站的草图上做了视觉布局,并记录了元素之间的每个像素或单词的大小。但是当我开始使用这些单位来制作CSS布局元素时,我感到困惑

我知道设置
html{font size:62.5%;}
使
1em=10px是一个更好的策略
而不是使用
px
进行布局。然而,当我在使用em制作布局时,我遇到了很多次偏移

问题是,当我们可以使用rem时,为什么要使用em?什么时候是使用rem的正确时间?(不关心浏览器支持问题)


附言:我已经知道这两者之间的区别。

em
是相对于父项的,
rem
是相对于根
(html)
标记的


rem
是一个更加稳定和可预测的选择。

em
rem
在呈现字体大小方面是不同的。检查以获得更好的理解

如果要在不同元素内/之间使用不同的字体相对大小,则应使用
em

rem
除了
html
之外没有任何父项

html{
字体大小:10px;
}
.字体大小{
字体大小:12px;
}
.em{
字号:3em;
}
雷姆先生{
字体大小:3rem;
}

我是相对于父元素的。所以我的字体大小是12x3=36px。

我是相对于根元素的。所以我的字体大小是10x3=30px。
我已经知道了。那么为什么和什么时候使用em最好呢?@ChenghuaYang很明显,当你想要你的尺寸时,取决于父母。请举个例子吧?我知道区别,但是有没有使用这两种方法的实践?检查我的第二行。如果您需要在父级中具有不同的大小。此链接将为您提供更多帮助: