vw、rem、px，em 的区别

vw、rem、px、em 都是用来设置元素大小的单位，但是它们的计算方式和应用场景略有不同。

1. px：像素，绝对长度单位，使用固定的像素值来定义元素的大小。在不同的屏幕分辨率下，1px 的实际大小不同，可能会出现模糊或失真的情况。

2. em：相对长度单位，基于元素的字体大小来计算。例如，1em 的大小等于当前元素字体大小。如果父元素的字体大小为 16px，那么子元素设置为 1.5em 的大小就是 24px（1.5*16px）。

3. rem：相对长度单位，基于根元素的字体大小来计算。根元素的默认字体大小为 16px，因此 1rem 的大小等于 16px。与 em 不同，rem 的计算不受父元素字体大小的影响，更加灵活。

4. vw：视窗单位，表示 1/100 的视窗宽度。例如，50vw 的大小等于当前视窗宽度的一半。vw 适用于响应式布局，可以根据不同设备的屏幕宽度来设置元素大小。

综上所述，px 是绝对单位，em 和 rem 是相对单位，vw 是视窗单位。在实际应用中，应根据具体情况灵活使用不同的单位。