rpx、px、em、rem、、vh、vw的区别是什么？

px（像素）：像素是屏幕上的最小单位，px是固定的像素单位，不随页面缩放而改变。一般用于网页中的绝对单位。
em（相对于父元素字体大小的单位）：em是相对单位，它的值相对于父元素的字体大小。如果没有明确设置父元素的字体大小，则相对于浏览器的默认字体大小。可以用于设置元素的宽度、高度、字体大小等。
rem（相对于根元素字体大小的单位）：rem也是相对单位，它的值相对于根元素（通常是HTML元素）的字体大小。与em不同的是，rem不受父元素字体大小的影响。可以用于设置整个页面的布局。
%（相对于父元素的百分比）：%是相对单位，它的值相对于父元素的相应属性的值。可以用于设置元素的宽度、高度、边距等。
vh（相对于视口高度的百分比）：vh是相对单位，它的值相对于视口（浏览器窗口）的高度。可以用于设置元素的高度。
vw（相对于视口宽度的百分比）：vw是相对单位，它的值相对于视口（浏览器窗口）的宽度。可以用于设置元素的宽度。

总结：rpx、px是固定单位，em、rem、%、vh、vw是相对单位。rpx是微信小程序中引入的相对单位，用于适配不同屏幕尺寸。em相对于父元素字体大小，rem相对于根元素字体大小，%相对于父元素属性值，vh相对于视口高度，vw相对于视口宽度