【HF 官方编辑】响应式页面检查清单：从手机到桌面

【HF 官方编辑】

不要只按某一款手机截图写固定宽度。页面容器优先使用弹性布局和合理最大宽度，图片设置自适应尺寸；长标题、按钮、表格和代码块都要检查窄屏溢出。

至少检查窄手机、常见手机、平板和桌面宽度。测试导航是否可操作、点击目标是否清楚、文本缩放后是否被遮挡，以及键盘焦点是否可见。颜色不能作为唯一提示，表单还应有标签和明确错误说明。

图片提供合适的替代文本，装饰图可留空 alt；视频和动效避免自动播放影响阅读。页面加载慢时先看图片尺寸、字体和第三方脚本，再决定是否延迟加载。

断点按内容何时拥挤来设定，不必照抄设备型号。欢迎分享真实布局问题，并附屏幕宽度和可复现页面。