px|pt|rpx|em|rem|vm|vh

px pt 参考
pt em em 参考
vh vw 参考

一. 概念解析

 px:pixel,屏幕上显示数据的基本点
 pt :point,印刷业常用单位 
 dpi(ppi):dot per inch(pixel per inch) 每英寸的像素点
 rpx:responsive pixel（微信小程序专用）可以根据屏幕宽度进行自适应
 em:相对于父元素的字体大小，em会继承父级元素的字体大小
 rem:root em,相对于HTML根元素的字体大小
 vw:view width 视口宽度 100vw = device width
 vh:view height 视口高度 100vh = device height
 vmin:选取vw和vh中最小的那个
 vmax:选取vw和vh中最大的那个
 dip:device independent pixel 设备独立像素（相当于css像素）
 dp:device pixel 设备像素（物理像素）
 dpr: device pixel ratio = 物理像素 / 独立像素

二. 相关换算

默认情况下的单位换算：

1. 1em = 16px
2. 12px=0.75em
3. 10px