部分用户在手机设置里放大字体，页面标题和按钮文字互相压住。第一次遇到会往复杂处想，其实漏掉的多是个小前提。
h1 { font-size: clamp(20px, 5vw, 32px); line-height: 1.4; }
.card { min-height: auto; }
字号用固定像素并配合固定高度容器，文字变大后容器装不下。这一点先确认清楚，后面就不用反复试。
「响应式字号」相关的验证我通常做两遍，改完一次、隔天再看一次，确认不是临时生效。把这次用到的命令存进笔记，比记住结论有用，换个环境还能照着走。
改完隔一天再看一次，当场正常不代表能稳住。测试环境和线上的差别，往往就在版本号和那几行被忽略的配置上。
线上出问题先对时间点，跟发布、备份、任务执行的时刻排一排，能省掉一半功夫。日志级别临时调高可以，记得改回去，长期开着既占磁盘又掩盖真问题。
具体做法是，改用相对单位并允许容器自适应；用流式字号限制范围；避免给文字容器写死高度。
改完照着核一遍，放大系统字号后文字不重叠，容器随内容撑开。