介紹

這些單位都是在css中用于規(guī)定大小的單位，不過有些單位是絕對長度單位，有些是相對長度單位

相對長度單位就是不固定的 可以自由適配調(diào)整

絕對長度單位就是寫死的數(shù)值，無論設(shè)備分辨率多少 都是固定的數(shù)值

常見的單位分類

相對長度單位包括：em、ex、ch、rem、vw、vh、vmin、vmax、%

絕對長度單位包括：cm、mm、in、px、pt、pt、pc

px像素

像素其實就是對應(yīng)我們顯示器上的一個個同等大小的點，因此，像素在計量單位體系中，屬于絕對長度單位，之前看到過網(wǎng)上的一些爭論關(guān)于px是否為絕對長度單位，我認(rèn)為是屬于絕對長度單位，因為即使在移動端中存在設(shè)備像素比，px實際大小不確定，但是從主觀的角度出發(fā)，px的大小和元素與其他的屬性無關(guān)。

特點：兼容性好 使用方便

em相對長度

相對對象為當(dāng)前對象內(nèi)文本的字體size，如果當(dāng)前行內(nèi)文本的字體尺寸未設(shè)置，則相對對象為瀏覽器的默認(rèn)字體尺寸1em = 16px。

一般情況下，為了簡化font-size的換算，我們需要在css中的body選擇器中聲明font-size=62.5%，使得em值變?yōu)?code>16px*62.5% = 10px，這樣?12px = 1.2em,?10px = 1em, 也就是說只需要將你的原來的px?數(shù)值除以 10，然后換上?em作為單位即可。

rem

rem是相對單位，與em不同的是，相對對象只是html根元素的font-size，與em同理，可以在根元素中寫入font-size: 62.5%，來簡化轉(zhuǎn)化。

vh、vw

vw ，就是根據(jù)窗口的寬度，分成100等份，100vw就表示滿寬，50vw就表示一半寬。（vw 始終是針對窗口的寬），同理，vh則為窗口的高度