网页html+css开发布局中，最常用的是px单位，随着移动互联网的快速发展，各种不同大小、分辨率的设备出现，px已经不大适应了。除了px外，还有其它的单位。例如：px rem em vw等。

em和rem的简单介绍

1. em

em是一个相对单位。相对于当前对象内文本的font-size，如果当前文本的字体尺寸没有设置，则相对于浏览器的默认字体尺寸。即1em=16px。em的值并不是固定的，会继承父元素的字体大小。

2. rem

rem是一个相对单位。是相对HTML根元素。rem为元素设定字体大小的时候，是相对于根元素进行计算的。当我们改变根元素下的字体大小时，下面的大小都会改变。通过rem既可以做到只修改根元素就可以成比例的调整所有字体，又可以避免字体大小逐层复合的连锁反应。

em和rem的区别

1.rem是相对于根元素进行计算，而em是相对于当前元素或父元素的字体大小。

2.rem不仅可以设置字体的大小，还支持元素宽、高等属性。

3.em是相对于当前元素或父元素进行换算，层级越深，换算越复杂。而rem是相对于根元素计算，避免层级关系。