rem是CSS3中引入的一种相对单位，它表示相对于根元素（即html元素）的字体大小。em单位也是一种相对单位，但它相对于父元素的字体大小。
区别在于，rem单位始终相对于根元素的字体大小，而em单位则相对于父元素的字体大小。这意味着当使用rem单位时，无论嵌套多少层，都只需要设置根元素的字体大小，而不需要考虑父元素的字体大小。这样可以更方便地进行响应式设计，因为只需要调整根元素的字体大小，整个页面的元素都会相应地调整。
em单位还有一个特点是可以用于设置除字体大小外的其他属性，例如元素的宽度、高度、边距等。这是因为em单位在不同属性中的计算方式是不同的，它会根据当前属性所在的元素的字体大小来计算。
总结一下，rem单位是相对于根元素的字体大小，而em单位是相对于父元素的字体大小。rem单位更适合用于响应式设计，而em单位则更适合用于设置元素的其他属性。
千锋教育拥有多年IT培训服务经验，开设Java培训、web前端培训、大数据培训，python培训、软件测试培训等课程，采用全程面授高品质、高体验教学模式，拥有国内一体化教学管理及学员服务，想获取更多IT技术干货请关注千锋教育IT培训机构官网。
京公网安备 11010802030320号