- rem -

　　rem是相對于根元素 html，這樣就意味著，我們只需要在根元素確定一個(gè)font-size字號，則可以來算出元素的寬高 - px - px意為像素 , 是設(shè)備或者圖片最小的一個(gè)點(diǎn)，比如常常聽到的電腦像素是1920x1080的，表示的是水平方向是1920個(gè)像素點(diǎn)，垂直方向是1080個(gè)像素點(diǎn)。是我們網(wǎng)頁設(shè)計(jì)常用的單位，也是基本單位。通過px可以設(shè)置固定的布局或者元素大小，缺點(diǎn)是沒有彈性。

　　- em -

　　參考物是父元素的font-size，具有繼承的特點(diǎn)。如果自身定義了font-size按自身的font-size來計(jì)算(瀏覽器默認(rèn)字體是16px)，整個(gè)頁面內(nèi)1em不是一個(gè)固定的值。 特點(diǎn)是

　　1. em的值并不是固定的;

　　2. em會繼承父級元素的字體大小。

　　- vw/vh -

　　vw view width的簡寫，是指可視窗口的寬度。假如可視區(qū)域?qū)挾仁?920px的話。那1vw = 1920px/100 = 19.2px - vh view height的簡寫，是指可視窗口的高度。假如可視區(qū)域?qū)挾仁?080px的話。那1vh = 1080px/100 = 10.8px - vm - 相對于視口的寬度或高度中較小的那個(gè)。最小的那個(gè)被均分為100單位的 vm

　　- 例如： 瀏覽器高度900px，寬度1200px，取最小的瀏覽器高度，1vm = 900px / 100 = 9px。