方法一：僅使用 em

    瀏覽器預設的字型高度是16px，在未經調整的瀏覽器裡 1em = 16px，也就是說1px = 0.0625em 。所以10px = 0.625em ,12px = 0.75em 。依次類推，可以將px的值直接轉化成em。
 

方法二：使用 % 加 em

    1）首先在body在將字型大小設為 62.5%（16px * 62.5% ＝ 10px）。
    2）在需要改變字型大小時，改用em設值。如：12 px = 1.2em （12px = 10px * 1.2）,14 px = 1.4em （14px = 10px * 1.4）等等。
    不過，使用第二種方法要注意的是：IE在處理漢字時，對於浮點的取值精度有限，62.5%會比12px的字看起來略微大一點點。只需將 62.5% 改為 63% 即可。
 
    但是，無論是使用上述哪種方法，關於 em 設值的兩個特點都是必須注意的：
    1）em 的值並不是固定的； 
    2）em 會繼續父級元素的字型大小。如父字型設定為1.4em ，子字型設定為 1.2 em ，那麼子字型的實際值是 1.2 *（父字型的實際大小）。
  
    只要注意了em的這個繼承屬性，就可以使網頁中的字型大小按使用者需要自由縮放了。