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