断点应来自内容第一次溢出或可读性下降的位置。rem 受根字体影响,% 受父容器影响,vw 受视口影响,ch 近似字符宽度;clamp() 在最小、偏好、最大值之间流动。答案必须记录视口、根字体和父容器,不能只写一个固定像素。
rem
%
vw
ch
clamp()
srcset 描述候选资源,sizes 描述实际布局宽度,picture 适合艺术指导。键盘焦点不能依赖 hover;减少动态后内容和错误状态仍必须可辨认。验证应包括窄屏、放大 200%、键盘和触摸路径。
srcset
sizes
picture