rem指的是相对于根元素（html）字体大小的单位。它是一个相对单位，可以根据根元素字体大小的变化而变化。在CSS中，可以使用rem来设置网页中的文字大小、盒子尺寸等等。
1. 什么是rem
rem是CSS3新增的一个单位，它是相对于根元素（即html元素）字体大小的单位。默认情况下，根元素的字体大小是16px，所以1rem等于16px。
rem的优势在于它可以根据根元素字体大小的变化而变化，非常灵活。在响应式设计中，使用rem单位可以方便地调整页面布局，使其适应不同大小的屏幕。
2. rem的使用方法
要使用rem单位，首先需要设置根元素的字体大小。可以通过CSS的样式表来设置：
2.1 设置根元素字体大小
在CSS样式表中，可以使用如下的代码设置根元素的字体大小：
html {
font-size: 16px;
}
这里的16px是根元素的默认字体大小。如果需要调整根元素的字体大小，只需要修改这个数值即可。
2.2 使用rem单位设置其他元素的字体大小
一旦根元素的字体大小确定，就可以使用rem单位来设置其他元素的字体大小。比如，要将某个段落的字体大小设为1.5倍根元素字体大小：
p {
font-size: 1.5rem;
}
这样，无论根元素字体大小是多少，该段落的字体大小都会是根元素字体大小的1.5倍。
3. rem的兼容性
rem单位在现代浏览器中被广泛支持，包括大部分的移动设备浏览器和桌面浏览器。在旧版本的浏览器中可能存在兼容性问题，特别是IE9及以下版本。
为了兼容性考虑，可以使用CSS预处理器（如Sass、Less）来自动生成px单位的样式，同时使用rem作为设计稿的基准单位，以便更好地适应不同设备的屏幕。
4. rem与em的比较
rem和em都是相对单位，但它们的参照点不同：
4.1 rem
rem是相对于根元素（html）字体大小的单位，不受其它元素的影响。
4.2 em
em是相对于父元素字体大小的单位，如果父元素有设置字体大小，那么em的大小会根据父元素的字体大小进行缩放。
此外，em还可以应用于行高、盒子尺寸等其他属性。
5. 总结
rem是CSS3新增的相对单位，可以根据根元素字体大小的变化而变化，非常灵活。它的使用方法很简单，通过设置根元素的字体大小，然后使用rem单位来设置其他元素的字体大小。rem单位在现代浏览器中得到了广泛的支持，可以很好地适应不同设备的屏幕。与em单位相比，rem不受其他元素的影响，更为灵活。
尽管rem在大部分现代浏览器中得到支持，但为了兼容性考虑，可以在使用rem的同时，使用CSS预处理器生成px单位的样式，以便更好地适应多种浏览器环境。