手机菜单关掉之后,链接应该立即恢复点击
小屏体验的关键不是把桌面内容硬塞进手机,而是让菜单、正文与底部快捷各自工作。正常情况下,未打开菜单时看不到遮罩,也不会有透明层挡住页面。
打开菜单时发生什么
点击左上角“菜单”后,左侧抽屉滑出,遮罩同时出现,页面正文暂时停止滚动。此时可以点关闭按钮、点遮罩,或者按 Esc 关闭菜单。
关闭之后怎样才算正常
抽屉移出屏幕,遮罩消失且不再接收点击,正文恢复滚动,顶部注册入口、正文文字链和底部快捷都能马上使用。若关闭后仍无法点击,说明遮罩状态没有正确清除。
375、390、430 像素宽度
这些常见手机宽度下,顶部保持三段式:左侧菜单、中间品牌、右侧主按钮,不折成两行。正文不会产生整页横向滚动,图片则完整缩放到可视宽度内。
底部快捷与左侧菜单各做什么
底部四项用于高频返回:首页、索引、APP、帮助;左侧菜单则承载完整栏目。把高频入口和完整目录分开,可以减少小屏顶部拥挤。即使 JavaScript 关闭,正文与页脚仍保留可见文字链接,基本查阅不会只依赖抽屉。
图片在小屏上的显示原则
图片以完整主体为优先,允许四周留深色空白,不通过放大裁切来填满区域。这样在 375、390、430 像素宽度下仍能看到主要角色、牌面或标题区域。
请合理安排小屏阅读时间,并遵守所在地适用法律法规与年龄要求。