px 、em 、rem各單位換算

• 相同點：

  • 都是長度單位

• 異同點：

  • px：(像素)的值是固定的，指定是多少就是多少，計算比較容易。
  • em：值不是固定的(彈性佈局)，並且em會繼承父級元素的字體大小。
  • rem： 與em相同都是相對單位，只是他的相對僅僅針對html而言。

• 各單位換算：

  • em計算方法：1 ÷ 父元素的font-size × 需要轉換的像素值 = em值
    
    備註： 瀏覽器的默認字體高都是16px。所以未經調整的瀏覽器都符合: 1em=16px即：1px = 0.0625em

• rem：

  • 換算方法與em相同。
  • 與em的區別是它相對的只是HTML根元素；既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層複合的連鎖反應

• 額外補充pt：

  • 印刷業上常使用的單位，磅的意思，一般用於頁面打印排版。