认识css中的单位：px、em、rem、%、vw、vh。

1.px

px即像素，是绝对长度单位的一种，它的大小是根据用户屏幕显示器的分辨率决定的（因此不同的设备显示相同的像素值也可能会有不同的结果）。
特点：绝对单位，很难适应移动设备。

2.em

em为相对长度单位。相对于当前对象内文本的字体尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，国外使用比较多。
特点：
1.em的值并不是固定的;
2.em会继承父级元素的字体大小。

3.rem

rem是CSS3新增的一个相对长度单位，只相对根目录即HTML元素。

4.%

百分比单位，更像“em”单位,除了一些根本性的差异。首先,当前的字体大小等于100%(比如12 pt = 100%)。当使用百分比单位,你的文字在移动设备上仍然保持完全的可伸缩性和可访问性。
一般来说：1 em = 16 px = 100%

5.vw

6.vh

vh和vw相对于视口的高度和宽度， 1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度。