rem和em的区别

rem 单位如何转换为像素值

当使用 rem 单位,他们转化为像素大小取决于页根元素的字体大小,即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。

例如,根元素的字体大小 16px,10rem 将等同于 160px,即 10 x 16 = 160。

em 单位如何转换为像素值

em转化为像素,大小取决于自身父级元素所设置的px值。父级元素字体大小乘以em值。

例如,父级元素字体大小为13px,10em将等同于130px,即13x10 = 130px。

你可能感兴趣的:(rem和em的区别)