px: 基于像素的单位。像素是一种有用的单位，因为在任何媒体上都可以保证一个像素的差别确实是可见的。
em : 一般用来测量长度的通用单位(例如元素周转的页边空白和填充)，当用于指定字体大小时，em单位是指父元素的字体大小。
比如
<div style="font-size:12px">
<span style="fontsize:2em">这里的字是24px</span>
</div>
如果使用em来指定填充，填充的宽度是相对于DIV元素的字体大小而定的。
pt: 印刷业上常使用的单位，磅的意思。一般也用于页面打印排版。
1em并不是固定等于多少像素的，是根据元素的字体大小而定，如果是等宽字体，1em就是1个字符的宽度，如果是比例字体（只有英文字体才有）则1em等于英文大写字母“M”的宽度。操作方法如下：
1、首先新建一个html和css文档。
2、chrome默认是16px大小。
3、1em就是继承父元素不变。
4、2em这里就是32px。
5、1rem在这里也是16px，因为浏览器默认16px。
px是像素，em则是大写字母M的宽度。英文字体是有等宽字体和比例字体之分的，等宽字体的每个字符的宽度是相同的，而比例字体则不同，M的宽度要比i宽很多，因此在不同字体下，1em的实际宽度是不尽相同的。
