2. em/px/rem/vh/vw 区别

单位

在css单位中，可以分为长度单位和绝对单位

css 单位
相对长度单位	em、ex、ch、rem、vw、vh、vmin、vmax、%
绝对长度单位	cm、nm、in、px、pt、pc

单位	规则
px	绝对长度单位，表示像素，实际就是显示器的一个物理像素。如果设备的dpr等于2，1px对应4个物理像素，比如苹果手机
em	相对长度单位，相对于当前父级文本字体尺寸，例如父级字体大小为 16px(`1em = 16px`)
rem	相对长度单位，相对于 html 字体尺寸，例如 html 字体大小为`62.5%`, `1rem = 10px`
vw、vh	相对长度单位, vw 根据视口宽度，分成 100 份，100vw 就代表满宽, vh 则是相对视口高度