em和rem是CSS中两种常用的相对单位，它们都可以用来设置字体大小、布局等样式，但它们之间存在一些区别：
相对性 :这是它们最明显的区别，em是一个相对单位，它相对于其父元素的字体大小，如果父元素的字体大小是16px,那么一个em元素的字体大小就是16px，而rem是一个绝对单位，它相对于根元素(HTML文档的<html>元素)的字体大小，这意味着无论页面的字体大小如何改变，rem总是相对于根元素的字体大小。
大小时的变化 :使用em,元素的大小会随着其父元素字体大小的变化而变化，如果父元素的字体大小从16px变为20px,那么em元素的字体大小也会从1em变为2em，如果根元素的字体大小发生变化，em的大小并不会受到影响。
适配不同屏幕 :在移动设备上，由于设备的屏幕尺寸和像素密度不同，16px可能不能提供理想的显示效果，这时，可以使用rem作为单位，使元素的大小根据根元素的字体大小自动调整，从而适应不同的屏幕尺寸。
性能 :由于rem是相对于根元素的字体大小，所以计算相对位置时需要查找DOM树，可能会导致性能开销，而em是相对于其父元素的字体大小，不需要查找DOM树，性能开销较小。
如果你希望元素的大小随着其父元素的变化而变化，并且你希望能够适应不同屏幕尺寸，那么使用rem可能是更好的选择，如果你更关心元素的具体像素值，并且不介意在不同设备上可能存在的显示差异，那么使用em可能更合适。
