px % em rem vw vh 有什么区别

[tiantingrui]

px 和 百分比（%）

• px 基本单位，绝对单位（其他的都是相对单位）
• %（百分比） 相对于父元素的宽度比例

em和rem

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

vw和vh

• vw 屏幕宽度的 1%
• vh 屏幕高度的 1%
• vmin 两者的最小值，vmax两者的最大值

这是css基本功，要去考虑这些单位的使用场景