rem和em区别及使⽤⽅法

rem和em都是CSS中用于设置字体大小的单位，它们之间的区别如下：

1. rem单位
   rem单位表示的是相对于根元素（即html元素）的字体大小。比如，如果html元素的字体大小是16px，那么设置1rem的大小就相当于设置为16px，2rem则相当于32px。因此，rem单位通常被用于响应式设计中，可以根据根元素字体大小的变化来实现自适应的字体大小。

2. em单位
   em单位表示的是相对于当前元素的字体大小。比如，如果父元素的字体大小是16px，那么设置1em的大小就相当于设置为16px，而设置为2em则相当于32px。因此，em单位通常被用于相对大小的设置，如在设置标题大小时使用em单位可以实现标题相对于正文的大小关系。

使用方法：

1. rem的使用方法：直接在CSS中设置字体大小，单位为rem，例如：font-size: 1rem;

2. em的使用方法：在CSS中设置字体大小，单位为em，值为相对于当前元素字体大小的倍数，例如：font-size: 1.5em;

需要注意的是，rem和em单位都属于相对单位，使用时需要注意它们的作用范围。