在尋找三者的區(qū)別之前，我們需要先了解css的長(zhǎng)度單位有哪些：
有兩種類型的長(zhǎng)度單位：相對(duì)和絕對(duì)。
相對(duì)長(zhǎng)度
相對(duì)長(zhǎng)度單位指定了一個(gè)長(zhǎng)度相對(duì)于另一個(gè)長(zhǎng)度的屬性。對(duì)于不同的設(shè)備相對(duì)長(zhǎng)度更適用。
絕對(duì)長(zhǎng)度
絕對(duì)長(zhǎng)度單位是一個(gè)固定的值，它反應(yīng)一個(gè)真實(shí)的物理尺寸。絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴于環(huán)境（顯示器、分辨率、操作系統(tǒng)等）。
像素或許被認(rèn)為是最好的"設(shè)備像素"，而這種像素長(zhǎng)度和你在顯示器上看到的文字屏幕像素?zé)o關(guān)。px實(shí)際上是一個(gè)按角度度量的單位。
總結(jié)可得：
1、px是絕對(duì)長(zhǎng)度單位；
2、em和rem是相對(duì)長(zhǎng)度單位；
3、em相對(duì)的是父元素的font-size，而rem相對(duì)于根元素html的font-size；
其中，em的缺點(diǎn)：
1）em的值并不是固定的；
2）em會(huì)繼承父級(jí)元素的字體大?。▍⒖嘉锸歉冈氐膄ont-size；）；
3）em中所有的字體都是相對(duì)于父元素的大小決定的；所以如果一個(gè)設(shè)置了font-size:1.2em的元素在另一個(gè)設(shè)置了font-size:1.2em的元素里，而這個(gè)元素又在另一個(gè)設(shè)置了font-size:1.2em的元素里，那么最后計(jì)算的結(jié)果是1.2X1.2X1.2=1.728em
還有，rem的優(yōu)點(diǎn)：
1）rem單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身
2）和em不同的是rem總是相對(duì)于根元素(如:root{})，而不像em一樣使用級(jí)聯(lián)的方式來(lái)計(jì)算尺寸。這種相對(duì)單位使用起來(lái)更簡(jiǎn)單。
3）rem支持IE9及以上，意思是相對(duì)于根元素html（網(wǎng)頁(yè)），不會(huì)像em那樣，依賴于父元素的字體大小，而造成混亂。使用起來(lái)安全了很多。
表格：?jiǎn)挝坏募嫒?/p>
注意:?Internet Explorer 9 通過(guò)不標(biāo)準(zhǔn)的名稱 vm 來(lái)支持 vmin 。
