CSS 字型大小單位 pt 與 px 的不同

pt 點數 (Typeface Point=1/72in) 列印的點數大小。
px 像數 (pixel) 在螢幕上顯示的單位。


所以說,如果要強迫使用者看到的字型大小跟設計者的畫面一樣,就一定要用 px 為單位。

如果要讓字型大小隨著使用者調整的螢幕大小比例來變動,則是用 pt 為單位。

假設 Windows 系統標準預設字型 9pt 來看,當使用者將系統預設字型大小調大的時候,網頁的字型大小也會跟著變。

1024*768 大字型(120dpi),選單 CSS 設為 9pt

20040511_04.gif

1024*768 小字型(96dpi),選單 CSS 設為 9pt (字跟著變小了)

20040511_03.gif

如果要防止這種狀況,就是使用 px 單位。

範例:
看,CSS 設為 15px 在 1024*768 小字型(96dpi) 設定下,看起來是不是跟 1024*768 大字型(120dpi) 一樣呢?

20040511_02.gif

原文日期 2004-05-06 23:07:22

3 comments On CSS 字型大小單位 pt 與 px 的不同

Leave a reply:

Your email address will not be published.

Site Footer

Sliding Sidebar