字号的大小在CSS里,有很多不同的单位,大致上有三类,
- 绝对大小:mm, cm, in, pt, pc
- 相对大小:em, ex
- 相对于设备:px
相对尺寸对于网页的可伸缩性设计是非常有利的。
CSS 字型大小單位 pt 與 px 的不同
pt 點數 (Typeface Point=1/72in) 列印的點數大小。 px 像數 (pixel) 在螢幕上顯示的單位。
所以說,如果要強迫使用者看到的字型大小跟設計者的畫面一樣,就一定要用 px 為單位。
如果要讓字型大小隨著使用者調整的螢幕大小比例來變動,則是用 pt 為單位。
假設 Windows 系統標準預設字型 9pt 來看,當使用者將系統預設字型大小調大的時候,網頁的字型大小也會跟著變。
1024*768 大字型(120dpi),選單 CSS 設為 9pt
1024*768 小字型(96dpi),選單 CSS 設為 9pt (字跟著變小了)
如果要防止這種狀況,就是使用 px 單位。
|