菜单关掉以后,手机链接应该还能立即点击

手机端最重要的不是塞进更多内容,而是保证菜单开关后页面仍然可用。顶栏、抽屉、遮罩与底部快捷各自有明确职责。

先以当前页面标题、导航和可见说明为准;不确定时回到索引重新核对。

顶部三段式保持一行

左侧只放菜单按钮,中间是品牌标识,右侧是注册入口。375、390 与 430 像素宽度下都不应重叠或折成两行,横向核心导航在手机上隐藏。

遮罩只在菜单打开时出现

默认状态下遮罩隐藏且不接收点击。打开菜单后才显示;点击遮罩、关闭按钮或按 Esc 都会关闭菜单,并立即移除遮罩的点击拦截。页面一打开时,不会提前给遮罩添加显示状态。

底部四个入口保持清楚

首页、索引、APP、帮助固定在底部,正文为它们预留空间。若关闭菜单后仍无法点击,可以先刷新并检查浏览器缓存;仍有问题时到帮助中心查看,账号异常则转到账户安全。

窄屏页面还应避免横向滚动。图片、文字与链接都限制在可视宽度内,频道条在手机上直接隐藏,不会把整页撑宽。若看到页面左右可以异常拖动,通常说明浏览器缓存了旧样式或某个外部内容超出宽度,可先刷新后再核对当前页面。

在 375、390 和 430 像素宽度下,顶部三项都应保持清晰可见;如果浏览器开启了极端字体缩放,可适当恢复常用比例后再检查页面状态。

相关查阅