rem是CSS3中引入的一種相對單位，它表示相對于根元素（即html元素）的字體大小。em單位也是一種相對單位，但它相對于父元素的字體大小。
區別在于，rem單位始終相對于根元素的字體大小，而em單位則相對于父元素的字體大小。這意味著當使用rem單位時，無論嵌套多少層，都只需要設置根元素的字體大小，而不需要考慮父元素的字體大小。這樣可以更方便地進行響應式設計，因為只需要調整根元素的字體大小，整個頁面的元素都會相應地調整。
em單位還有一個特點是可以用于設置除字體大小外的其他屬性，例如元素的寬度、高度、邊距等。這是因為em單位在不同屬性中的計算方式是不同的，它會根據當前屬性所在的元素的字體大小來計算。
總結一下，rem單位是相對于根元素的字體大小，而em單位是相對于父元素的字體大小。rem單位更適合用于響應式設計，而em單位則更適合用于設置元素的其他屬性。
千鋒教育擁有多年IT培訓服務經驗，開設Java培訓、web前端培訓、大數據培訓，python培訓、軟件測試培訓等課程，采用全程面授高品質、高體驗教學模式，擁有國內一體化教學管理及學員服務，想獲取更多IT技術干貨請關注千鋒教育IT培訓機構官網。
京公網安備 11010802030320號