定义

相对于html元素的字体大小

比如根元素（html)font-size=12px,非根元素width:2rem；则换成px表示是24px

<style>
html{
  font-size: 24px;
}
p{
  font-size: 2rem;

}

</style>

会根据根元素大小来变化

优势就是只要改变html里的蚊子大小，就可以改变所有元素的大小了