em
相對 父元素 的長度單位
🎈em的值並不是固定的
🎈em會繼承父級元素的字體大小
rem
只相對於 根元素 的長度單位
視區
瀏覽器內部的可視區域大小
vw 和 vh
根據CSS3規范，視口單位主要包括以下4個：
🎈vw：1vw等於視口寬度的1%
🎈vh：1vh等於視口高度的1%
🎈vmin：選取vw和vh中最小的那個
🎈vmax：選取vw和vh中最大的那個
vh and vw：相對於視口的高度和寬度，而不是父元素的（CSS百分比是相對於包含它的最近的父元素的高度和寬度）。1vh 等於1/100的視口高度，1vw 等於1/100的視口寬度。
比如：
瀏覽器高度950px，寬度為1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。
vmax相對於視口的寬度或高度中較大的那個。其中最大的那個被均分為100單位的vmax。
vmin相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin。