Html 字體大小單位 px em pt

   網頁上定義字體大小有常見三種單位，px、em、pt                     

   相信px,em都是你們經常使用的。PT單位我是很得不多的。

   PX                                                                        

 　　px:是相對長度單位，像素px是相對於顯示器屏幕分辨率而言的。    PS：不支持IE的縮放。

   EM                                                                                 

　　em:是相對單位     PS:網頁中的文字能放大和縮小。將行距(line-height)，和縱向高度的單位都用em。保證縮放時           候的總體性。

     em有以下特色：
       em的值並非固定的；
       em會繼續父級元素的字體大小。

　　PT                                                                 

  PT是point(磅)縮寫，是一種固定長度的度量單位,大小爲1/72英寸。若是在web上使用pt作單位的文字，字體的大小在不一樣屏幕（一樣分辨率）下同樣，這樣可能會對排版有影響，但在Word中使用pt至關方便。好比Word中普通的文檔都用「宋體 10pt」，標題用「黑體 30pt」等等，不管電腦怎麼設置，打印出來永遠就是這麼大。

　　三者間的轉換                                                  

瀏覽器的默認字體高都是16px，因此未經調整的瀏覽器在顯示1em=16px，也就是說1px=0.0625em。
　　爲了簡化font-size的換算，能夠在css中的body中先全局聲明font-size=62.5%，也就是定義了默認字體大小爲16px*0.625=10px,子元素會繼承父級元素的字體大小，因而1em=10px，因此12px=1.2em。px與em的轉換經過10就能夠得來。可是定義font-size=0.625em或者直接定義12px，這是沒有效果的，

此外有一點必需要注意，IE處理漢字時，對於浮點的取值精確度有限，由以上方法獲得的12px(1.2em)大小的漢字在IE中並不等於直接用12px定義的字體大小，而是稍大一點。只要將62.5%換成63%就能夠了.

　　pt和px的換算公式也比較簡單，pt=px乘以3/4。

　　　　附px、em、%和pt換算表