rem是CSS3新增的相對(duì)長度單位,是"root em"的縮寫,它是相對(duì)于根元素的字體大小來計(jì)算的,即如果根元素的字體大小設(shè)置成16px,那么1rem就等于16px。
em是相對(duì)長度單位,它是相對(duì)于父元素的字體大小來計(jì)算的。例如,如果一個(gè)段落的字體大小為16px,而內(nèi)部的某個(gè)子元素的字體大小為1.5em,則它的字體大小將會(huì)是24px(1.5乘以16)。
因此,rem和em的主要區(qū)別在于計(jì)算的方式不同。使用rem可以使得字體大小等相對(duì)于根元素(即整個(gè)頁面)更加一致,而不受父元素字體大小的影響;而em則更加依賴于父元素字體大小的繼承關(guān)系。