CSS有兩種類型的單位長(zhǎng)度：相對(duì)和絕對(duì)。
相對(duì)長(zhǎng)度單位指定了一個(gè)長(zhǎng)度相對(duì)于另一個(gè)長(zhǎng)度的屬性。對(duì)于不同的設(shè)備次员，相對(duì)長(zhǎng)度更加適用歧匈。
絕對(duì)長(zhǎng)度單位是一個(gè)固定的值垒酬，它反應(yīng)一個(gè)真實(shí)的物理尺寸。絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定件炉，不依賴于環(huán)境（顯示器勘究、分辨率、操作系統(tǒng)等）斟冕。
相對(duì)長(zhǎng)度單位
1口糕、em
相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置磕蛇，則相對(duì)于瀏覽器的默認(rèn)字體尺寸景描。任意瀏覽器的默認(rèn)字體大小都是16px。em的值并不是固定的秀撇；em會(huì)繼承父級(jí)元素的字體大小超棺。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css單位</title>
<style>
div {
font-size: 2em;
}
</style>
</head>
<body>
測(cè)試文字 body
<div class="div1">
測(cè)試文字 div1
<div class="div2">
測(cè)試文字 div2
<div class="div3">
測(cè)試文字 div3
</div>
</div>
</div>
</body>
</html>
body的font-size是繼承根元素html，html的尺寸是瀏覽器默認(rèn)尺寸16px呵燕；
div1的font-size=216px = 32px;
div2的font-size=232px = 64px;
div3的font-size=264px = 128px;
如果手動(dòng)設(shè)置div2的font-size為40px棠绘，div3的font-size應(yīng)該為240px = 80px。
2再扭、rem
em根據(jù)父級(jí)元素的大小而變化氧苍，但是如果嵌套了多個(gè)元素殖妇，它的大小就不好計(jì)算了朦拖，這時(shí)出現(xiàn)了rem，與em的區(qū)別在于rem是相對(duì)于根元素的,因此不受它的父類影響畔况。css3新加屬性敦跌，chrome/firefox/IE9+支持澄干。
/*在em的示例的css代碼中添加*/
.div2{
font-size: 2rem;
}
3逛揩、vw、vh
vh vw全稱為Viewport Height和Viewport Width 意思就是視窗 ,vh麸俘、vw是相對(duì)于視口的高度和寬度辩稽。1vh 等于1/100的視口高度，1vw 等于1/100的視口寬度从媚。
比如：瀏覽器高度900px逞泄，寬度為750px, 1 vh = 9 px，1vw = 7.5 px拜效。設(shè)置一個(gè)和屏幕同寬的標(biāo)題喷众，h1{font-size:100vw}，那標(biāo)題的字體大小就會(huì)自動(dòng)根據(jù)瀏覽器的寬度進(jìn)行縮放紧憾，以達(dá)到字體和viewport大小同步的效果到千。
4、vmin赴穗、vmcx
vmin：vw和vh中較小的那個(gè)憔四。 vmax：vw和vh中較大的那個(gè)。
例如般眉，如果瀏覽器設(shè)置為1100px寬了赵、700px高，1vmin會(huì)是7px,1vmax為11px甸赃。然而柿汛，如果寬度設(shè)置為800px，高度設(shè)置為1080px埠对，1vmin將會(huì)等于8px而1vmax將會(huì)是10.8px
5络断、ex
當(dāng)前字體的x-height(當(dāng)前字體小寫x的高度)，在無法確定x高度的情況下以0.5em計(jì)算鸠窗。
6妓羊、ch
數(shù)字0的寬度，無法確定時(shí)為0.5em稍计。
7躁绸、%
相對(duì)于包含它的最近的父元素的高度和寬度而言。
8臣嚣、px(Pixel)
相對(duì)于設(shè)備的長(zhǎng)度單位净刮，像素是相對(duì)于顯示器屏幕分辨率而言的。Windows用戶所使用的分辨率一般是96像素/英寸硅则。而MAC用戶所使用的分辨率一般是72像素/英寸淹父。
絕對(duì)長(zhǎng)度單位
1、cm
厘米
2怎虫、mm
毫米
3暑认、in(Inch)
英寸
4困介、pt(Point)
點(diǎn)，確切的說法是一個(gè)專用的印刷單位“磅”蘸际，大小為1/72英寸座哩。用于印刷業(yè)。
5粮彤、pc(Pica)
派卡根穷，相當(dāng)于我國(guó)新四號(hào)鉛字的尺寸。
