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换算表