em和rem都是CSS中的相對單位，用於設定字型大小和其他元素的尺寸。它們的主要區別在於參照物件不同。
em單位的參照物件是父元素的字型大小。當使用em單位時，元素的大小會受到父元素字型大小的影響。如果父元素的字型大小發生變化，那麼使用em單位的子元素的大小也會相應地變化。
而rem單位的參照物件是根元素的字型大小。這意味著，當使用rem單位時，元素的大小不會受到父元素字型大小的影響，而是相對於根元素的字型大小進行計算。因此，調整根元素的字型大小時，整個頁面的佈局和元素大小都會相應地調整，這使得頁面的維護更加方便。
總的來說，em和rem各有其特點和適用場景。使用em單位可以方便地實現元素的相對大小調整，但需要逐級設定每個父元素的字型大小。而使用rem單位可以簡化樣式表的編寫，並方便地進行全域性的字型大小調整。在選擇使用哪個單位時，需要根據具體的專案需求和設計目標進行權衡。