css中各种像素单位的区别

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

在H5/APP开发中 需要使用 响应式单位 可以适应不同尺寸.

参考 css中px、em、rem、%、vw、vh、vm、rpx 这些单位的区别_css px-CSDN博客

px、rpx、em、rem、%、vw/vh/vmin/vmax - 简书