px 即畫素，一般國內人使用較多,預設大小是16px;

pt 印刷行業常用單位

em  相對單位，相對父元素屬性的單位 ，一般用於移動端佈局

rem  結合相對定位和絕對定位的優勢，相對根元素html，想要修改字型大小，只要修改html的大小就可以了

轉換公式：

pt=px乘以3/4
倍數em=倍數x16px

注意：1em=16px。那麼12px=0.75em,10px=0.625em。

1.em的用法

  在程式碼重寫的過程中，為了簡化font-size的換算，在body選擇器中宣告font-size=62.5%，這就使em值變為16px*62.5%=10px,這樣      1  12px=1.2em,10px=1em,也就是說只需要將你的原來的px數值除以10，然後換上em作為單位就行了.步驟如下：

  1).body選擇器中宣告Font-size=62.5%；
  2).將你的原來的px數值除以10，然後換上em作為單位；
   此時有的字型會大的出奇，因為em的值不固定，又會繼承父級元素的大小，比如

      body{font-size=62.5%；}  ①
      div{font-size:1.2em；}   ②
      p{font-size:1.2em；}  ③

2.rem的用法

   p1元素和p2元素的大小是一樣的

html{
    font-size:62.5%; /* 10÷16=62.5% */     /*關鍵程式碼*/
}
body{
    font-size:12px;
    font-size:1.2rem ; /* 12÷10=1.2 */  /* 這兩個效果一樣*/
}
#p1{
    font-size:14px;
}

#p2{
    font-size:14rem;
}