在CSS单位中，大家通常使用px（像素）或者em（相对于父元素的字体大小）来作为长度的单位。但是，使用像素单位的时候有可能会存在一个问题就是页面的缩放问题，因为像素是一个固定的值，无法随着页面的缩放而自适应，这时候大家通常可以使用rem作为替代。
/* 定义html元素的字体大小为16像素 */
html {
font-size: 16px;
}
/* 以rem作为单位时，1rem即为html元素的字体大小 */
p {
font-size: 1.5rem; /* 相当于24像素 */
}通过上述代码，大家可以看到，大家定义了html元素的字体大小为16像素，那么1rem就等于16像素，接着大家在p标签中以1.5rem作为字体的大小，即相当于24像素，因为1.5rem*16像素=24像素。
使用rem单位不光可以解决缩放的问题，也让大家可以更好的适应不同设备的屏幕尺寸，提高页面的响应速度。