Em是相對長度的單位。相對於當前對象中文本的字體大小(引用是父元素的字體大小)
如果當前父元素的字體大小沒有設置，它是相對於瀏覽器的默認字體大小。
特點:
1的值。em不固定；
2.em繼承父元素的字體大小。
Rem是CSS3中新的相對單位，rem是相對於HTML根元素的字體大小計算的長度單位。
如果不設置html的字體大小，瀏覽器默認字體大小為16px。
html { font-size:62.5% }/* 10÷16×100% = 62.5% */
body { font-size:1.4 rem；}/* 1.4×10px = 14px */
/在根元素中定義了62.5%的基本字體大小(即10px)。設置這個值主要是為了方便計算。如果未設置，則基於“16px”)/
好處是只需要設置根目錄的大小就可以按比例調整整個頁面。
Rem兼容性:除了IE8和更早的版本，所有瀏覽器都支持rem。
em和rem的區別:
Rem是相對於根元素(html)的字體大小，em是相對於其父元素的字體大小。
兩者的使用規則:
*
如果這個屬性是根據它的字體大小來度量的，那麽使用em。
*
快速眼動用於其他壹切。
Vw，vh，vmax，vmin都是基於視口的。
Vw相對於視口的寬度，其長度等於視口寬度的1/100。
如果瀏覽器的寬度是200px，那麽1vw等於2px(200px/100)。
Vh取決於視口的高度，其長度等於視口高度的1/100。
如果瀏覽器的高度是500px，那麽1vh等於5px(500px/100)。
Vmin和vmax是相對於視口的高度和寬度之間的最小值或最大值。
/*
如果瀏覽器高300px，寬500px，那麽1vmin就是3px，1vmax就是5px；如果瀏覽器高800px，寬1080px，那麽1vmin就是8px，1vmax就是10.8px
*/
其他單位:
%(百分比)
壹般來說，它是相對於父元素的。
1.對於普通的定位元素，就是我們理解的父元素。
2.對於位置:絕對；的元素相對於找到的父元素。
3.對於位置:固定；的元素相對於視口。
css3的新單位，相對於視口的寬度或高度中較小的壹個。
最小的壹個被分成100個vm單元。
比如瀏覽器高度900px，寬度1200px，最小瀏覽器高度1 vm = 900px/100 = 9 px。
缺點:兼容性差
1.如果用em設置文字大小需要註意什麽？
註意父元素的字體大小，因為em是根據父元素的大小設置的。
比如同樣是1.5em如果父元素是20，就是30px。如果父元素是30px，則是45px(尤其是在多div嵌套中)。
2.pc pt ch壹般用在什麽場景？
我們在網頁設計中基本不需要這些，但是在排版中會有用。
3.如何使1rem=10px？
設置html { font-size:62.5%；}做就是了
4.如果父元素沒有指定高度，那麽子元素的高度百分比是多少？
根據子元素的實際高度，設置百分比沒有任何作用。