pt、px、DPI: 關于長度單位的誤解發布者：本站 時間：2020-05-16 09:05:19
在印刷排版中，“point”是一個絕對的單位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。但在 CSS 中 pt 的含義卻非如此，例如我們指定一個字體是 9pt，我們會以為按照 CSS 規范，它等于:
9 * 1/72 = 1/8 inch
這是一個誤解，因為我們的顯示器被分割為了一個個的像素，單個像素只能有一種顏色 (為了簡化，這里暫不討論次像素反鋸齒技術)，要在屏幕上顯示，必須先把以 pt 為單位的長度轉換為以像素為單位的長度，這個轉換的媒介，就是 DPI (事實上，這里的所謂的 DPI，是操作系統和瀏覽器中使用的術語，即為 PPI, pixels per inch，和掃描儀、打印機、數碼相機中的 DPI 是不同的概念)。
例如，無論在哪個操作系統中，Firefox 瀏覽器默認的 DPI 都是 96，那么實際上 9pt = 9 * 1/72 * 96 = 12px。
所以，雖然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”，都不代表物理上的英寸，但這兩個單位互相之間是相等的，也就在相乘中約掉了。
那么，真實的物理長度怎么計算呢?請拿出一把尺子，丈量你的顯示器的可見寬度 (我這里是 11.2992 英寸)，除以橫向分辨率 (我這里是 1024 像素)，得到的就是每個像素的物理長度。
現在我們可以回答這樣一個問題，網頁上 9pt 的字體究竟占用了多寬的空間?答案是:
9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。
選擇我們，優質服務，不容錯過
1. 優秀的網絡資源，強大的網站優化技術，穩定的網站和速度保證
2. 15年上海網站建設經驗，優秀的技術和設計水平，更放心
3. 全程省心服務，不必擔心自己不懂網絡，更省心。
------------------------------------------------------------
24小時聯系電話：021-58370032