rem是CSS3中的一个相对长度单位，它表示相对于根元素（即html元素）的字体大小的倍数。em单位也是一个相对长度单位，但它是相对于父元素的字体大小的倍数。
区别如下：
1. 相对性质不同：rem是相对于根元素的字体大小，而em是相对于父元素的字体大小。这意味着当使用rem单位时，元素的大小不会受到父元素字体大小的影响，而使用em单位时，元素的大小会受到父元素字体大小的影响。
2. 简洁性：使用rem单位可以简化样式表的编写，因为只需要设置根元素的字体大小，其他元素的大小都可以使用rem单位进行计算。而使用em单位时，需要逐级设置每个父元素的字体大小。
3. 可维护性：由于rem单位的相对性质是固定的，所以在调整根元素的字体大小时，整个页面的布局和元素大小都会相应地调整。这使得页面的维护更加方便。而使用em单位时，调整父元素的字体大小会影响到所有使用em单位的子元素，可能需要逐个调整。
4. 兼容性：rem单位在一些旧版本的浏览器中不被支持，而em单位在所有浏览器中都被支持。在使用rem单位时需要考虑浏览器的兼容性。
rem单位更适合用于整体布局和响应式设计，而em单位更适合用于局部样式的调整。根据具体的需求和兼容性要求，选择合适的单位来进行样式编写。
千锋教育拥有多年IT培训服务经验，开设Java培训、web前端培训、大数据培训，python培训、软件测试培训等课程，采用全程面授高品质、高体验教学模式，拥有国内一体化教学管理及学员服务，想获取更多IT技术干货请关注千锋教育IT培训机构官网。
京公网安备 11010802030320号