CSS中的rem是一種相對于根元素字體大小的單位，與px單位不同的是其大小會隨著根元素字體大小的變化而變化。

W3C（萬維網聯盟）是一個非營利組織，旨在制定Web標準以確保互聯網訪問性和互操作性，并根據標準推出相關技術。

在W3C CSS3規范中，rem也被引入作為一種新的長度單位。這為Web開發者提供了一種更加靈活和自適應的設計方式，可以幫助解決不同設備屏幕大小和分辨率之間的問題。

:root {
font-size: 16px;
}
h1 {
font-size: 2rem;
}
p {
font-size: 1rem;
}
@media screen and (max-width: 768px) {
:root {
font-size: 14px;
}
}

在上述代碼中，我們設置根元素字體大小為16px，并將h1標簽的字體大小設置為2rem，即2倍根元素大小，而p標簽的字體大小設置為1rem。如果在小于768px的屏幕上，我們將根元素字體大小設置為14px，這樣h1和p標簽的字體大小也會隨之變化。

使用rem單位還可以方便地實現響應式設計，不需要在CSS文件中為每個屏幕尺寸單獨設置字體大小。相對于使用px單位，使用rem能更好地適應不斷變化的設備屏幕大小和分辨率。