pt、px、DPI: 關于長度單位的誤解發(fā)布者：本站     時間：2020-05-16 09:05:19

在印刷排版中，“point”是一個絕對的單位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。但在 CSS 中 pt 的含義卻非如此，例如我們指定一個字體是 9pt，我們會以為按照 CSS 規(guī)范，它等于:

9 * 1/72 = 1/8 inch

這是一個誤解，因為我們的顯示器被分割為了一個個的像素，單個像素只能有一種顏色 (為了簡化，這里暫不討論次像素反鋸齒技術)，要在屏幕上顯示，必須先把以 pt 為單位的長度轉換為以像素為單位的長度，這個轉換的媒介，就是 DPI (事實上，這里的所謂的 DPI，是操作系統(tǒng)和瀏覽器中使用的術語，即為 PPI, pixels per inch，和掃描儀、打印機、數(shù)碼相機中的 DPI 是不同的概念)。

例如，無論在哪個操作系統(tǒng)中，F(xiàn)irefox 瀏覽器默認的 DPI 都是 96，那么實際上 9pt = 9 * 1/72 * 96 = 12px。

所以，雖然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”，都不代表物理上的英寸，但這兩個單位互相之間是相等的，也就在相乘中約掉了。

那么，真實的物理長度怎么計算呢?請拿出一把尺子，丈量你的顯示器的可見寬度 (我這里是 11.2992 英寸)，除以橫向分辨率 (我這里是 1024 像素)，得到的就是每個像素的物理長度。

現(xiàn)在我們可以回答這樣一個問題，網(wǎng)頁上 9pt 的字體究竟占用了多寬的空間?答案是:

9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。