rem是什么？和em单位有什么区别？

rem是CSS3中引入的一种相对单位，它是相对于根元素（即html元素）的字体大小来计算的。em单位也是一种相对单位，但它是相对于父元素的字体大小来计算的。两者的区别在于计算基准不同。

具体来说，rem单位的值是根据根元素的字体大小来计算的。如果根元素的字体大小为16px，那么1rem就等于16px。如果在某个元素中使用了2rem作为字体大小，那么它的实际大小就是32px（2倍的根元素字体大小）。

而em单位的值是相对于父元素的字体大小来计算的。如果父元素的字体大小为16px，那么1em就等于16px。如果在某个元素中使用了2em作为字体大小，那么它的实际大小就是32px（2倍的父元素字体大小）。

由于rem单位是相对于根元素的字体大小来计算的，所以它的值在整个页面中是一致的。这使得使用rem单位可以方便地实现响应式布局，只需要在根元素上设置一个合适的字体大小，其他元素的大小都可以根据rem单位来计算。

而em单位的值是相对于父元素的字体大小来计算的，所以它的值会受到父元素字体大小的影响。这在某些情况下可能会导致布局的不稳定性，需要更加小心地控制字体大小的继承关系。

总结来说，rem单位是相对于根元素的字体大小来计算的，而em单位是相对于父元素的字体大小来计算的。rem单位在响应式布局中更加方便，而em单位在需要继承字体大小的情况下更加灵活。

千锋教育拥有多年IT培训服务经验，开设Java培训、web前端培训、大数据培训，python培训、软件测试培训等课程，采用全程面授高品质、高体验教学模式，拥有国内一体化教学管理及学员服务，想获取更多IT技术干货请关注千锋教育IT培训机构官网。