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