rem和em的区别

em和rem的主要区别是:浏览器根据谁来转化成px。

当使用rem的时候,他们转化为像素的大小取决于页根元素的字体大小,即html元素的字体大小。

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

当使用em的时候,em转为像素的大小取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小影响,除非显式重写与一个具体单位。

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

你可能感兴趣的:(css,css)