pt px rem em单位的区别

作者: Wang_Yong | 来源:发表于2018-02-26 16:12 被阅读0次

pt与px

pt（point）是印刷行业常用的单位，等于1/72英寸，表示绝对长度
px（pixel）像素，屏幕上显示数据的最基本的点。表示相对大小。

em和rem
em是相对长度单位，相当于当前对象内文本的字体尺寸，即em的计算是基于父级元素font-size

<body style="font-size:14px">
  <p style="font-size=2em">这里显示的是字体大小是28px(14*2)</p>
  <div style="font-size:18px">
    <p style="font-size:2em">这里显示的是36</p>
  </div>
</body>

rem css3新增的一个单位，与em的区别是 rem是相对于HTML根元素的大小。换做rem

<body style="font-size:14px">
  <p style="font-size=2rem">这里显示的是字体大小是32px(16*2)</p>
  <div style="font-size:18px">
    <p style="font-size:2em">这里显示的是32px</p>
  </div>
</body>

font-size的默认大小是16px