几种CSS单位

• px
  px(pixel)像素，px即为图片大小的最小单位，一张图片由许多像素构成，例如我们常说屏幕分辨率为1600x1200，代表水平方向有1600个像素点，垂直方向有1200个像素点。
• em
  em的参考物是父级元素的font-size，若是自身定义了字体大小，则参考物为自身浏览器默认字体是16px）。
• rem
  参考物是根元素（html）的font-size。
• %
  一般是相对于父元素，但是并不十分准确
  1、对于普通定位元素就是我们理解的父元素
  2、对于position: absolute;的元素是相对于已定位的父元素
  3、对于position: fixed;的元素是相对于ViewPort（可视窗口）
• vw
  相对于视窗宽度，例如2vw等于视窗宽度的2%
  浏览器宽度1200px, 2 vw = （1200px/100 ）x 2 = 24 px
• vh
  相对于视窗高度，例如2vw等于视窗高度的2%
  浏览器高度1600px, 2 vw = （1600px/100 ）x 2 = 32 px
• vm
  相对于视窗宽度和高度中的较小者
  浏览器屏幕分辨率为1600x1200， 2 vm = （1200px/100 ）x 2 = 24 px