rem和em單位

rem是CSS中的一個相對長度單位，它表示相對于根元素（即html元素）的字體大小的倍數。em單位也是一個相對長度單位，但它是相對于父元素的字體大小的倍數。

具體來說，rem單位是相對于根元素的字體大小來計算的。如果根元素的字體大小為16px，那么1rem就等于16px。如果根元素的字體大小為20px，那么1rem就等于20px。

em單位則是相對于父元素的字體大小來計算的。例如，如果父元素的字體大小為16px，子元素的字體大小設置為1.5em，那么子元素的字體大小就是1.5倍的父元素字體大小，即24px（16px * 1.5）。

區別：

1. rem單位相對于根元素的字體大小，而em單位相對于父元素的字體大小。這意味著使用rem單位可以更方便地實現響應式設計，因為只需要在根元素上設置字體大小即可影響整個頁面的尺寸，而em單位則需要考慮父元素的字體大小。

2. rem單位相對于根元素的字體大小是固定的，不會受到父元素字體大小的影響。而em單位會受到父元素字體大小的影響，如果父元素的字體大小改變，那么em單位的計算結果也會改變。

3. 在使用rem單位時，可以更方便地進行單位換算，因為rem單位是相對于根元素的字體大小的倍數，而根元素的字體大小通常是以px為單位的。而em單位則需要根據父元素的字體大小來計算，換算起來相對復雜一些。

rem單位是相對于根元素的字體大小的倍數，而em單位是相對于父元素的字體大小的倍數。rem單位更適合用于響應式設計，而em單位更適合用于局部尺寸的調整。

千鋒教育擁有多年IT培訓服務經驗，開設Java培訓、web前端培訓、大數據培訓，python培訓、軟件測試培訓等課程，采用全程面授高品質、高體驗教學模式，擁有國內一體化教學管理及學員服務，想獲取更多IT技術干貨請關注千鋒教育IT培訓機構官網。