px、rem、em、百分比和动态视口单位怎么选？
参考答案
CSS px 是参考像素，不等于物理屏幕像素。rem 相对根元素字体大小；em 在字体大小属性上相对父级字体，在多数其他属性上相对当前元素字体，因此嵌套时要注意累积。
百分比的参照由属性定义决定，不能统一理解为“父元素同方向尺寸”。vw、vh 依赖视口；移动端地址栏变化下，svh、lvh、dvh 分别表达小、大和动态视口高度，但仍需考虑兼容性与滚动体验。
字体优先保留用户缩放能力，布局可组合固定约束、相对单位与 clamp。不要把设计稿所有尺寸机械换算成 rem 就认为完成了响应式；真正需要验证的是内容在不同宽度和字体设置下是否可用。