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：

  • 印刷业上常使用的单位，磅的意思，一般用于页面打印排版。