rem 是 CSS 中的一个单位，主要用于设置元素的大小。它与像素、百分比和vw/vh等单位相对应。

默认情况下，元素的大小是根据其父元素的宽度来计算的。但是，通过设置 rem，元素的大小可以根据元素本身来确定，无论父元素的宽度如何变化。

使用 rem 的注意事项：

1. 当 rem 与 vw 和 vh 比较时，会根据设备的视口宽度来调整，可能会导致样式不一致。

2. 当使用 rem 时，需要确保父元素的宽度是可变的，否则可能会导致样式不一致。

3. rem 可以和 em 和 vw 相互配合使用，通过 em 定义父元素的宽度，通过 vw 定义子元素的宽度，通过 rem 计算子元素的宽度。

下面是一个简单的例子，展示了如何使用 rem 计算一个元素的宽度：

```css body { font-size: 1rem; }

div { width: 2rem; } ```

在这个例子中，我们设置了 body 的字体大小为 1rem，然后设置了 div 的宽度为 2rem，这使得 div 的宽度是 2rem（1rem * 2），而不会受到 body 宽度的限制。