手机端重点
菜单能打开只是第一步,关闭后整页都要恢复点击
小屏最容易出现的问题不是内容缺失,而是透明遮罩仍覆盖页面。
打开
左上菜单滑出,遮罩同时出现。
关闭
点关闭按钮、遮罩或按 Esc,都应收起菜单。
恢复
关闭后遮罩不再接收点击,注册、正文和底部快捷入口立即可用。
375px、390px、430px 等常见手机宽度下,顶部保持菜单、Logo、注册三段显示,不应换行重叠。
小屏首先要保证每个入口真正可点击
页面看起来正常,不代表交互一定正常。最典型的问题是透明遮罩虽然不可见,却仍盖在正文上拦截点击。正确状态是:默认遮罩隐藏并不接收点击;只有打开菜单时才出现;关闭菜单后立即恢复隐藏。
在 375px、390px、430px 等常见宽度下,顶部保持左侧菜单、中间 Logo、右侧注册三段结构,不应折行或重叠。正文图片继续完整缩放,页面本身不产生横向滚动,底部快捷入口也需要留出足够点击空间。
不同异常去不同页面处理
只是图片缺失时使用深色占位,不显示破图;菜单与点击问题看帮助中心或界面熟悉;登录和验证码问题则直接进入账户安全。明确分流可以避免在手机上重复切换无关页面。
