1. 程式人生 > >常用px pt em的區別與換算

常用px pt em的區別與換算

px: 基於畫素的單位。畫素是一種有用的單位,因為在任何媒體上都可以保證一個畫素的差別確實是可見的。
  em : 一般用來測量長度的通用單位(例如元素週轉的頁邊空白和填充),當用於指定字型大小時,em單位是指父元素的字型大小。
  比如

  <div style="font-size=12px">
  <span style="fontsize=2em">這裡的字是24px</span>
  </div>

  如果使用em來指定填充,填充的寬度是相對於DIV元素的字型大小而定的。
  pt: 印刷業上常使用的單位,磅的意思。一般也用於頁面列印排版。
  px是畫素單位,em是相對單位,pt是絕對單位。它們各自的好處是:px可以在計算機螢幕上,能達到預期的效果,在印表機和其它的高解析度裝置上,它又能取得所希望的效果。em的優點很多,比如在一個頁面上,你給定了一個父元素的字型大小,這樣就可以通過調整一個元素來成比例的改變所有元素大小。它可以自由縮放,比如用來製作可伸縮的樣式表。pt是一種固定長度的度量單位,是能夠使用測量裝置測得的長度。絕對單位作用有限,因為它們不能夠縮放,通常只用在已經知道是用在哪種輸出媒體的情況下才使用。但大多數情況下最好使用相對單位。一般都是用px和em這兩種種配搭比較好。

常用px,pt,em換算表
pt (point,磅):是一個物理長度單位,指的是72分之一英寸。

px (pixel,畫素):是一個虛擬長度單位,是計算機系統的數字化影象長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸畫素數),在掃描列印時一般都有DPI可選。Windows系統預設是96dpi,Apple系統預設是72dpi。

em(相對長度單位,相對於當前物件內文字的字型尺寸):是一個相對長度單位,最初是指字母M的寬度,故名em。現指的是字元寬度的倍數,用法類似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。

字號:是中文字型檔中特有的一種單位,以中文代號表示特定的磅值pt,便於記憶、表述。
pt和px的換算公式可以根據pt的定義得出:

pt=1/72(英寸), px=1/dpi(英寸)

因此 pt=px*72/dpi
以Windows下的96dpi來計算,pt=px*72/96=px*3/4

感謝:

&nbsp &nbsp 這位博主