詳解CSS中的幾種長度px、em、pt

2024-07-11 09:05:40

字體：大中小

來源：轉載

供稿：網友

說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當然后兩個在當年見的更多

今天沒有繼續昨天的問題，因為今天沒時間，從來就感覺自己在忙，不過可喜的是，以前我在忙著迷茫，現在我在忙著勵志...記得有句話說的特別好“那些想明白了就可以不做的事情，往往不做就想不明白”，這句話讓我佩服很久，那些曾經的日子總在提醒我要珍惜現在。

說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當然后兩個在當年見的更多。

其實px，我們最熟悉，而在電腦上也應用最多，因為顯示器的分辨率就是...px*....px，我們知道分辨率的話是不是對于瀏覽器最大時對界面的實際更方便簡潔，應該有這么個原因吧。

而em則是相對長度單位，是相對于系統的默認字體尺寸來的；

至于我們最常見的mm和cm就是我們純正意義上的cm和mm了，他們都是絕對長度單位，帶了“絕對”也就知道了吧。

而剩下的四個，我見得比較少，不過這里也還是把它的一些問題簡單記錄下吧：

ex同樣是相對長度，而它的參照則不是系統默認的字體尺寸了，而是相對于字符"x"的高度；

in、pc、pt則都是絕對長度，他們之間的換算關系為：1in=2.54cm=25.4mm=72pt=6pc；

當然相對長度也有其相應的換算關系，那就是：16px=1em=100%=12pt；

需注意，px尚存在弊端：在ie6下，無法實現字體縮放的功能。

上一篇：CSS表達式(expression)解決IE6 position:fixed無效問題

下一篇：css控制水平衡線hr標簽樣式去掉其陰影效果