px|pt|em|rem区别
（1）px单位
- px（像素），国内网站相对来说用得比较多，任意浏览器的默认字体高都是16px。
- 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
- IE无法调整那些使用px作为单位的字体大小，国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；；
（2）pt单位
pt是point，是印刷行业常用单位，等于1/72英寸。
（3）em单位
- 相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸16px。
- em才是真正的“相对单位”，它不是一个具体的数值，而是相对于父元素的属性计算出来的大小，一般移动终端布局用em比较合适。
(4) rem单位
- rem单位是CSS3中新增的一个相对单位，只不过它要比em单位强大一些
- rem相对于根元素HTML,而如果我们想修改大小，只需修改根元素HMTL 的大小就可以了。
- 除了IE8及更早的版本个，目前所有的主流浏览器均支持此属性。
(5)转换
pt=px乘以3/4
倍数em=倍数x16px
总结：每一个单位都有其存在的理由，只不过新出现的单位会更优，更方便。不管你在网站建设中用哪一个单位都没人 会说 你，只是新东西出来了，你不用，你就掉队了。在这里强烈推荐使用rem单位，不过也要注意属性的兼容性，IE8以下不支持rem