1、px
px就是pixel的縮寫，意為像素。px就是一張圖片最小的一個點，一張位圖就是千千萬萬的這樣的點構成的，比如常常聽到的電腦像素是1024x768的，表示的是水平方向是1024個像素點，垂直方向是768個像素點。
2、em
參考物是父元素的font-size，具有繼承的特點。如果自身定義了font-size按自身來計算（瀏覽器默認字體是16px），整個頁面內1em不是一個固定的值。
3、rem
css3新單位，相對于根元素html（網頁）的font-size，不會像em那樣，依賴于父元素的字體大小，而造成混亂。
4、%
一般寬泛的講是相對于父元素，但是并不是十分準確。
1、對于普通定位元素就是我們理解的父元素
2、對于position: absolute;的元素是相對于已定位的父元素
3、對于position: fixed;的元素是相對于 ViewPort（可視窗口）
3、vw
css3新單位，viewpoint width的縮寫，視窗寬度，1vw等于視窗寬度的1%。
舉個例子：瀏覽器寬度1200px, 1 vw = 1200px/100 = 12 px。
4、vh
css3新單位，viewpoint height的縮寫，視窗高度，1vh等于視窗高度的1%。
舉個例子：瀏覽器高度900px, 1 vh = 900px/100 = 9 px。
4、vm
css3新單位，相對于視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vm
舉個例子：瀏覽器高度900px，寬度1200px，取最小的瀏覽器高度， 1 vm = 900px/100 = 9 px。
整體看大部分情況下vw和vh應該是更好的選擇
