2010-02-26 46 views
4

有人可以告訴我何時使用%,em,ex作爲字體處理css時的字體單位嗎?我很困惑何時使用%或EM或EX與CSS字體?

+0

一些信息在這裏:http://markupjavascript.blogspot.in/2013/10/em-px-pt-percent-what-is-difference.html – 2013-10-08 15:30:26

回答

7

這真的取決於你。出於可用性的考慮,堅持使用em或%,因爲px是固定值,不會在不同設備上擴展(或不應該)。首先在主體上設置基本字體大小(67%是流行的),然後使用em來根據自己的喜好修改該大小。


要從Web掐了答案:

  1. 「EMS」(EM):「環監」是在網絡媒體文件使用一個可擴展單元。 em等於當前字體大小,例如,如果文檔的字體大小是12pt,則1em等於12pt。 Ems具有可擴展性,因此2em等於24pt,.5em等於6pt等。由於可擴展性和移動設備友好性,Ems在Web文檔中越來越流行。
  2. 像素(像素):像素是用於屏幕媒體(即在計算機屏幕上讀取)的固定尺寸單位。一個像素等於計算機屏幕上的一個點(屏幕分辨率的最小分數)。許多網頁設計師在網頁文檔中使用像素單位,以便在瀏覽器中呈現網站時產生像素完美的網站表示。像素單元存在的一個問題是,對於視覺受損的閱讀器,它不會向上擴展,或者向下擴展以適應移動設備。
  3. 積分(pt):積分常用於印刷媒體(任何要印在紙上的東西等)。一點等於1/72英寸。點與像素非常相似,因爲它們是固定大小的單位,無法縮放。
  4. 百分比(%):百分比單位非常像「em」單位,除了一些基本的差異。首先,當前字體大小等於100%(即12pt = 100%)。在使用百分比單位時,您的文字對於移動設備和輔助功能仍可完全擴展。

- Source -

我強烈建議你閱讀這篇文章,它詳細闡述了與圖:)

希望這有助於整個事情!

伊恩

+0

謝謝主席先生(S) – sasori 2010-02-26 05:56:18

相關問題