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 為單位的長度轉(zhuǎn)換為以像素為單位的長度,這個轉(zhuǎn)換的媒介,就是 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 厘米。
選擇我們,優(yōu)質(zhì)服務,不容錯過
1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032