在CSS3中，我們可以使用媒體查詢(xún)（Media Queries）來(lái)轉(zhuǎn)換rem和px，我們需要知道rem是一種相對(duì)單位，它相對(duì)于根元素（即HTML元素）的字體大小，而px是像素單位，它是***單位，不依賴(lài)于任何元素的大小，要將rem轉(zhuǎn)換為px，我們需要知道根元素的字體大小。

假設(shè)我們的根元素字體大小為16px，那么1rem就等于16px，如果我們想要將某個(gè)元素的長(zhǎng)度設(shè)置為2rem，那么實(shí)際上是將該元素的長(zhǎng)度設(shè)置為32px。

下面是一個(gè)簡(jiǎn)單的例子，展示如何將rem轉(zhuǎn)換為px：

html {
  font-size: 16px; /* 根元素的字體大小 */
}
.element {
  width: 2rem; /* 寬度為2rem */
}
@media (min-width: 600px) {
  .element {
    width: 32px; /* 在寬度大于600px的屏幕上，寬度轉(zhuǎn)換為32px */
  }
}

在這個(gè)例子中，當(dāng)屏幕寬度小于600px時(shí)，.element的寬度為2rem，即32px，當(dāng)屏幕寬度大于600px時(shí)，.element的寬度轉(zhuǎn)換為32px。

需要注意的是，這種方法依賴(lài)于根元素的字體大小，如果根元素的字體大小發(fā)生變化，那么所有的rem單位都會(huì)相應(yīng)地變化，在使用rem單位時(shí)，需要確保根元素的字體大小始終保持一致。