网页html+css开发布局中，最常用的是px单位，随着移动互联网的快速发展，各种不同大小、分辨率的设备出现，px已经不大适应了。除了px外，还有其它的单位。例如：px rem em vw等。

px rem em vw的区别

1、px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

2、em：相对长度单位。基准点为父节点字体的大小，即相对于当前对象内文本的字体尺寸(继承父节点字体大小)。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸( 16px )。

3、rem：相对长度单位。r’是“root”的缩写，相对于根元素的字体大小。注意和em的区别一个是继承父节点，一个是继承根节点。

4、vh and vw：相对于视口的高度和宽度，而不是父元素的(CSS百分比是相对于包含它的最近的父元素的高度和宽度)。

5、vmin and vmax：关于视口高度和宽度两者的最小值或者最大值。

6、pt 设备像素(物理像素)

7、dpr  = 设备像素 / 设备独立像素

8、ppi 每英寸像素，值越大，图像越清晰