Font-size Adjustment
– 2007/12/20Posted in: CSS
px 和 em 的差異
- CSS 定義文字大小儘量使用 em 或 % ，因為「px 」or 「pt」會使 IE 對文字失去可調性
- 至於文字間的間距則可使用 px（不然螢幕畫面一放大間距也會跟著放大，影響整個版面外觀）
- em的值並不是固定的
- em會繼承父級元素的字體大小
- 適當的調整字距與行距，讓文字與文字之間有個喘息的空間
- CSS 定義字距: 字距: letter-spacing / 行距: lline-height
| If you want this size in pixels (px) | Declare this percent (%) |
|---|---|
| 10 | 77 |
| 11 | 85 |
| 12 | 93 (was 93) |
| 13 | 100 |
| 14 | 108 (was 107) |
| 15 | 116 (was 114) |
| 16 | 123.1 (was 122) |
| 17 | 131 (was 129) |
| 18 | 138.5 (was 136) |
| 19 | 146.5 (was 144) |
| 20 | 153.9 (was 152) |
| 21 | 161.6 (was 159) |
| 22 | 167 |
| 23 | 174 |
| 24 | 182 |
| 25 | 189 |
| 26 | 197 |