rem是CSS3新增的相对长度单位,是"root em"的缩写,它是相对于根元素的字体大小来计算的,即如果根元素的字体大小设置成16px,那么1rem就等于16px。
em是相对长度单位,它是相对于父元素的字体大小来计算的。例如,如果一个段落的字体大小为16px,而内部的某个子元素的字体大小为1.5em,则它的字体大小将会是24px(1.5乘以16)。
因此,rem和em的主要区别在于计算的方式不同。使用rem可以使得字体大小等相对于根元素(即整个页面)更加一致,而不受父元素字体大小的影响;而em则更加依赖于父元素字体大小的继承关系。