px-em-rem-vw-vh的区别

px和%

• px是基本单位，绝对单位，就是1像素，不是相对变化的
• %是相对于父元素的宽度比例

em和rem

• em相对于当前的元素的font-size
• rem相对于根节点的font-size

vw/vh

• vw是屏幕宽度的1%
• vh是屏幕高度的1%