px就是pixel畫素的縮寫，相對長度單位，網頁設計常用的基本單位。畫素px是相對於顯示器螢幕解析度而言的。（電腦畫素是1024x768的，表示的是水平方向是1024個畫素點，垂直方向是768個畫素點。）
rem是css3新增的乙個相對單位，rem是相對於html根元素的字型大小（font-size）來計算的長度單位
如果你沒有設定html的字型大小，就會以瀏覽器預設字型大小，一般是16px
vw是相對視口（viewport）的寬度而定的，長度等於視口寬度的1/100，假如瀏覽器的寬度為200px，那麼1vw就等於2px（200px/100）。
vh是相對視口（viewport）的高度而定的，長度等於視口高度的1/100，假如瀏覽器的高度為500px，那麼1vh就等於5px（500px/100）。
vmin和vmax是相對於視口的高度和寬度兩者之間的最小值和最大值。
如果瀏覽器的高為300px、寬為500px，那麼1vmin就是3px，1vmax就是5px；如果瀏覽器的高為800px，寬為1080px，那麼1vmin也是8px，1vmax也是10.8px
參考原文
CSS 單位 絕對單位 相對單位
我們對單位很熟悉，比如說，千克，千公尺，公尺等，這些就是絕對單位，我們又有聽到太陽的質量等於33個地球，這個就是相對單位。在css中，單位也可以分為這兩類。在第二個box裡,300px的小框跟上面的框的300px一樣長，而第二個框裡面的50 跟第乙個框的50 為不一樣，這個就很好的解釋了相對單位和絕...
常用css單位
div中的字型大小是1.2em，也就是div從父類元素繼承的字型大小的1.2倍。在這裡，body的字型是14px，那麼div的字型大小是1.2 14 16.8px.注意 用em一層一層級聯得定義巢狀元素的字型大小 解決方法就是 em 換做 rem rem rem中的r代表根元素，它的值就是根元素設定...
CSS單位（字型）
px px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。引自css2.0手冊 任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合 1em...