CSS3中引入了rem單位，可以為響應式設計提供很好的幫助。rem單位指的是根元素(html元素)的字體大小。當根元素設置字體大小為16px時，1rem等于16px。

與傳統單位相比，rem單位的優勢在于：它可以根據根元素的字體大小，自動適應各種屏幕尺寸，并對于高分辨率屏幕也有較好的表現。

下面是一個使用rem單位實現響應式設計的例子：

html{
font-size: 16px; /*根元素字體大小為16px*/
}
@media screen and (min-width: 480px) {
html{
font-size: 20px; /*屏幕寬度大于480px時，根元素字體大小為20px*/
}
}
@media screen and (min-width: 768px) {
html{
font-size: 24px; /*屏幕寬度大于768px時，根元素字體大小為24px*/
}
}

在以上例子中，我們通過媒體查詢的方式實現了不同屏幕寬度下的字體大小設置。我們可以在CSS中使用rem單位設置各種元素的大小、間距等。例如：

h1{
font-size: 2rem; /*h1元素字體大小為2倍根元素字體大小*/
}
p{
font-size: 1.5rem; /*p元素字體大小為1.5倍根元素字體大小*/
margin-bottom: 0.5rem; /*p元素底部間距為0.5倍根元素字體大小*/
}

CSS3中引入的rem單位使響應式設計更加方便，值得我們好好學習和使用。