手机端重点

菜单能打开只是第一步,关闭后整页都要恢复点击

小屏最容易出现的问题不是内容缺失,而是透明遮罩仍覆盖页面。

打开

左上菜单滑出,遮罩同时出现。

关闭

点关闭按钮、遮罩或按 Esc,都应收起菜单。

恢复

关闭后遮罩不再接收点击,注册、正文和底部快捷入口立即可用。

375px、390px、430px 等常见手机宽度下,顶部保持菜单、Logo、注册三段显示,不应换行重叠。

小屏首先要保证每个入口真正可点击

页面看起来正常,不代表交互一定正常。最典型的问题是透明遮罩虽然不可见,却仍盖在正文上拦截点击。正确状态是:默认遮罩隐藏并不接收点击;只有打开菜单时才出现;关闭菜单后立即恢复隐藏。

在 375px、390px、430px 等常见宽度下,顶部保持左侧菜单、中间 Logo、右侧注册三段结构,不应折行或重叠。正文图片继续完整缩放,页面本身不产生横向滚动,底部快捷入口也需要留出足够点击空间。

不同异常去不同页面处理

只是图片缺失时使用深色占位,不显示破图;菜单与点击问题看帮助中心或界面熟悉;登录和验证码问题则直接进入账户安全。明确分流可以避免在手机上重复切换无关页面。