CSS中的rem單位是相對于根元素(html)的字體大小進行計算的。在設計中使用rem單位可以輕松地實現響應式布局和字體大小的改變，下面介紹如何使用rem進行開發。

第一步，需要在html標簽中設置基礎字體大小，例如：

html {
font-size: 16px;
}

這里我們將基礎字體大小設置為16px，然后在其他元素中使用rem單位來定義字體大小和布局。

例如，如果我們需要將某個元素的字體大小設置為14px，我們可以這樣寫：

p {
font-size: 0.875rem; /* 14 / 16 */
}

這里的0.875表示14除以基礎字體大小16的結果，即0.875rem等于14px。

除了字體大小，我們同樣可以使用rem來定義其他元素的尺寸，例如：

div {
width: 20rem; /* 320px (20 * 16) */
height: 10rem; /* 160px (10 * 16) */
padding: 1rem; /* 16px (1 * 16) */
}

這里的20rem表示該元素的寬度為基礎字體大小16的20倍，即320px；10rem表示該元素的高度為基礎字體大小16的10倍，即160px；1rem表示該元素的內邊距為基礎字體大小16的1倍，即16px。

在使用rem時需要注意，相對于其他單位，如像素(px)、百分比(%)，rem更具有靈活性和可維護性，以及更好地適應各種屏幕和設備。所以在開發中盡可能使用rem來替代其他單位，可以提高開發效率和代碼質量。