px 畫素（pixel），相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。
em 是相對長度單位，相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。
ex 相對長度單位。相對於字元「x」的高度。此高度通常為字型尺寸的一半。
如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。
% 相對長度單位。相對於瀏覽器視窗的大小。
我們知道pt點points (1點 = 1/72英吋) 使用來指定字型大小的度量單位下面公式就是pt和px之間的轉換：
px和pt轉換的公式： pt=px乘以3/4。比如12px×3/4=9pt大小。
px和em轉換的公式： px=16乘以em，也就是說1.5em=1.5×16=24px。
任意瀏覽器的
預設字型高都是16px，即12pt
。所有未經調整的瀏覽器都符合:
1em=16px。
那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body選擇器中宣告font-size=62.5%，這就使em值變為16px*62.5%=10px,這樣12px=1.2em,10px=1em,也就是說只需要將你的原來的px數值除以10，然後換上em作為單位就行了。
前端開發中的長度單位詳解
在前端開發中，會遇到各種不同型別的長度單位，比如px,em,rem等。而整體的長度單位分為兩大類 相對長度和絕對長度。絕對長度單位是乙個固定的值，它反應乙個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴於環境 顯示器 解析度 作業系統等 相對長度都有乙個基準 其中，px,em和rem用的較多。需...
CSS中的長度單位
在css中存在眾多的長度單位，它們又有什麼意思與用途呢？在css中，長度單位分為兩種，絕對長度與相對長度 絕對長度 px,cm,in,mm,pt,px,px 相對長度 em,rem,vh,vw,vmin,vmax,fr 絕對長度 px 即畫素pixel，它是最基礎也是最常用的乙個長度單位 cm 即厘...
CSS的長度單位
css相對長度單位中的相對二字，表明了其長度單位會隨著它的參考值的變化而變化，不是固定的。以下是css相對長度單位列表 css相對長度單位 說明em 元素的字型高度the height of the element s font ex字母x的高度the height of the letter x ...