使用方法：1、em表示相對於目前物件內文字的字體大小；2、rem表示相對於根元素的字體大小；3、ch表示數字0的大小；4、vh表示百分比視口的高度；5、vw表示百分比視口的寬度；6、ex表示當前字體的小寫x字母的高度或1/2的1em。
本教學操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。
css3新增長度單位有：
em：相對於目前物件內文字的字體大小。相對於父節點的字體大小
rem：相對於根元素的字體大小。應用場景：以文字內容決定佈局的。
vh和vv：1vh等於1/100的視窗高度①，1vw等於1/100的視窗寬度。
vmin和vmax：關於視窗高度和寬度的最小值或最大值，vmin等於1/100的視口寬高中的最小值。應用場景：讓一個元素始終在螢幕中可見。
ch：數字0的寬度
ex：目前字體的小寫x字母的的高度或1/2的1em②。應用場景：上實上標和下標
ch -- 字元0(零)的寬度
rem -- 根元素(html元素)的font- size
什麼意思呢？
例如，根元素html的字體大小是100px，那麼，根元素下面的元素所設定的rem，都是 1rem = 100px。
rem的初始值是16px，也就是說在沒有設定根節點的font-size時候，1rem = 16px
切記，是相對於根元素html，如果設定body，則不會起作用
謹記：vw和vh只相對於瀏覽器視覺區域，即window.innerHeight，window.innerWidth
vw -- 瀏覽器視覺區域，1vw 等於瀏覽器可視區域寬度的1%
vh -- 瀏覽器可視區域， 1vh 等於瀏覽器可視區域高度的1%
vmin -- vw和vh中較小的那個
vmax -- vw和vh中較大的那個
例如瀏覽器寬/高設定為1000px/600px
那麼，
2vmin = 600*2/100 = 12px 2vmax = 1000*2/100 = 20px
（學習影片分享：css影片教學）
以上是css3新增長度單位的使用方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
