（1）em
em是相对于当前元素或者当前元素继承来的字体的宽度。em并不是总是相对于父元素的字体大小，在实际中，“相对于谁”取决于应用于什么CSS属性。如line-height属性中，em是相对于自身的字体大小。
（2）rem
相对于根节点html元素的字体大小。淘宝和网易的自适应布局方案都是以rem为核心的，但是他们都有所不同。网易方案中，包括字体font-size在内的属性，都是以rem为单位，淘宝方案中，会在body元素上加上默认12px的字体大小。
（3）vw
vw是相对于视口宽度，100vw等于一个视口宽度，vh与vw同理，100vh等于一个视口高度。
（4）%
%的相对对象比较复杂，在不同的属性中，其对象都不一样。如：
中，元素的left\top等采用%做单位，这里的%是相对于参照物的，如left是相对于父元素的宽，top是相对于父元素的搞
中，元素在有自己本来的位置的同时，还可以用left\top等采用%做单位表示相对于自身本来位置的便宜，left相对于自身的宽，top相对于自身的高
中，毫无疑问，元素的left\top等采用%做单位，是相对于整个视口的
中，%是相对于父元素的宽
中，%相对于自身宽高
中，%相对于自身宽高
中，%相对于父元素的字体大小
中，%相对于自身字体大小
（5）calc
响应式布局计算单位，使得CSS有了计算的能力
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery