px、em、rem、%、vw、wh、vm等单位有什么区别？

1. px：绝对单位，页面按精确像素展示
2. em：相对单位，基准点为父级元素字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
3. rem：相对单位，为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
4. %：相对单位，相对于父级元素的百分比宽度
5. vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
   vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。
6. vm；css3单位，相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm
   举个例子：浏览器高度900px，宽度1200px，取最小的浏览器高度，1 vm = 900px/100 = 9 px。