rpx、px、vw、vh、em、rem、pt

单位	特点	用途
rpx	相对于屏幕宽度的响应式单位，自适应缩放	布局和字体大小
px	固定单位，不具备响应性	边框、阴影等固定尺寸元素
vw	相对于视窗宽度的百分比，响应式单位	响应式布局
vh	相对于视窗高度的百分比，响应式单位	响应式布局
em	相对于父元素的字体大小	字体大小
rem	相对于根元素的字体大小，不受父元素影响	响应式布局
pt	等于1/72英寸，用于打印和排版领域	打印样式
%	相对于父元素的百分比	布局和尺寸调整

移动端适配：postcss-px-to-viewport插件

https://www.bilibili.com/read/cv26228377/