2012年2月8日 星期三

CSS 文字大小 em 和 px 的單位換算比較表

W3C 規定的文字單位是 em , 而一般的網頁設計師習慣的文字單位是 px, 使用 px 的時候~ 在使用 IE 瀏覽器時,使用者是無法自行調整文字大小的~ 因此要製作符合「無障礙網頁」就必須使用 em 為單位。
一般瀏覽器中預設的文字大小是 16 像素 ↓
CSS 文字大小 em 和 px 的單位換算
也就是說瀏覽器預設的 em 大小就是 16 px,當我們的網頁中的文字沒有做任何的調整時,預設值就是 1em 也就是 16 px ,需要製作符合「無障礙網頁」的標準,文字就必須全部使用 em 為單位,這個規定對於大部份的網頁設計師實在是不太習慣,例如當我們想要將文字大小設定為 12px 的時候,就必須改寫為 0.75em 才行….
以下的圖表是 em 和 px 預設的換算表 ↓
 em 和 px 預設的換算表
另外,我們也可以在網路上找到一些 em 與 px 轉換的計算機~ 相當的方便喔~ 如下:
   

沒有留言:

張貼留言