手机体验的清晰查阅方式
手机体验最重要的检查不是“看起来是否一样”，而是每个入口能不能正常点、菜单关闭后遮罩会不会继续挡住页面。这里按操作顺序逐项确认。
第一步：检查顶部三段是否完整
在常见手机宽度下，左侧菜单按钮、中间品牌标识和右侧注册入口应处于同一行，不重叠也不折行。横向核心导航在窄屏隐藏，页面本身不出现横向滚动。若标题较长，应在正文区域自然换行，而不是挤压顶栏。
第二步：打开并关闭抽屉
点击左上菜单后，抽屉从左侧滑出，遮罩此时才显示并允许点击关闭。可用关闭按钮、点击遮罩或按 Esc 退出。关闭后抽屉、遮罩和 body 的状态类都被移除，卡片链接、注册入口和底部快捷导航应立即恢复可点。
第三步：遇到异常先排查环境
若菜单状态正常但链接仍无响应，可检查浏览器缓存、扩展脚本和网络状态。涉及登录或验证码时不要为了测试而反复提交，优先转到账户安全或帮助中心。使用相关服务前请确认达到所在地法定年龄，并遵守当地法律法规。
不同宽度下都检查同一组功能
375px、390px、430px 等常见宽度下，检查项目其实相同：顶栏三段是否同排、菜单能否打开和关闭、遮罩只在打开时接收点击、底部四个快捷是否可用、正文是否没有横向溢出。用同一组标准测试，更容易发现真正的适配问题。
若某一宽度出现重叠，应该调整排版而不是隐藏核心入口。品牌标识可以缩小，但注册入口、菜单按钮和正文路径仍需保留。页面关闭菜单后必须立即恢复正常点击，这是移动端可用性的基础条件。
测试完成后还应把页面滚到较下方，确认底部内容没有被固定导航长期遮住，并检查页脚与正文之间留有足够空间。这样才算完成一次完整的窄屏可用性检查。