pt px 的概念 與 對(duì)應(yīng)關(guān)系
更新時(shí)間：2007年03月15日 00:00:00 作者：
今天做網(wǎng)頁(yè),需要一個(gè)10pt字體的寬度是多少,想了半天,居然不會(huì)算,查了下資料,終于計(jì)算出來(lái).順便把pt ps 和dpi的概念理一下:
pt:在印刷排版中，“point”是一個(gè)絕對(duì)的單位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。
ps:我們的顯示器被分割為了一個(gè)個(gè)的像素，單個(gè)像素只能有一種顏色 (為了簡(jiǎn)化，這里暫不討論次像素反鋸齒技術(shù))，要在屏幕上顯示，必須先把以 pt 為單位的長(zhǎng)度轉(zhuǎn)換為以像素為單位的長(zhǎng)度，這個(gè)轉(zhuǎn)換的媒介，就是 DPI（事實(shí)上，這里的所謂的 DPI，是操作系統(tǒng)和瀏覽器中使用的術(shù)語(yǔ)，即為 PPI, pixels per inch，和掃描儀、打印機(jī)、數(shù)碼相機(jī)中的 DPI 是不同的概念） 。
在xp中，IE瀏覽器的PPI默認(rèn)是96.那么實(shí)際上 9pt = 9 * 1/72 * 96 = 12px。
我計(jì)算用的是10pt，10pt=10*1/72*96=13.3px=14px
pt:在印刷排版中，“point”是一個(gè)絕對(duì)的單位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。
ps:我們的顯示器被分割為了一個(gè)個(gè)的像素，單個(gè)像素只能有一種顏色 (為了簡(jiǎn)化，這里暫不討論次像素反鋸齒技術(shù))，要在屏幕上顯示，必須先把以 pt 為單位的長(zhǎng)度轉(zhuǎn)換為以像素為單位的長(zhǎng)度，這個(gè)轉(zhuǎn)換的媒介，就是 DPI（事實(shí)上，這里的所謂的 DPI，是操作系統(tǒng)和瀏覽器中使用的術(shù)語(yǔ)，即為 PPI, pixels per inch，和掃描儀、打印機(jī)、數(shù)碼相機(jī)中的 DPI 是不同的概念） 。
在xp中，IE瀏覽器的PPI默認(rèn)是96.那么實(shí)際上 9pt = 9 * 1/72 * 96 = 12px。
我計(jì)算用的是10pt，10pt=10*1/72*96=13.3px=14px
相關(guān)文章
對(duì)前端開(kāi)發(fā)者來(lái)說(shuō)，Chrome自帶的開(kāi)發(fā)者工具（Chrome Dev Tools），是一個(gè)不可或缺的開(kāi)發(fā)調(diào)試工具，但是你可能只用過(guò)console.log()，卻不知道console還有很多功能強(qiáng)大的調(diào)試方法2018-09-09
一些網(wǎng)絡(luò)的基本知識(shí)...2007-02-02![photoworks下載及象框使用教程[圖文]](http://img.jbzj.com/images/xgimg/bcimg2.png)
photoworks下載及象框使用教程[圖文]...2007-05-05
縮放文字，不僅僅只是縮放文字...2007-10-10
比較詳細(xì)的一篇關(guān)于autorun.inf的講解
比較詳細(xì)的一篇關(guān)于autorun.inf的講解...2007-07-07
標(biāo)簽（Tag）的定義和作用精解...2007-03-03
制作網(wǎng)頁(yè)十大訣竅...2007-02-02
SSH 使用原理 與解釋...2007-03-03
網(wǎng)頁(yè)中防止表格被撐破的css代碼...2007-03-03
關(guān)于培養(yǎng)色感,自己的一些方法...2007-03-03