手机体验重点不是缩小桌面版,而是保证每个入口都能正常点
小屏状态下,核心导航收起到左侧抽屉,页眉保持菜单、Logo和注册入口三段式。最关键的验收是遮罩只在菜单打开时存在,关闭后立刻恢复正文点击。
顶部三段不重叠
常见手机宽度下,左侧菜单、中间Logo、右侧注册入口保持同一行,Logo不会把按钮挤出屏幕。
遮罩只在打开时出现
默认状态下遮罩display为none并且不接收点击;只有菜单打开时才显示。点遮罩、关闭按钮或按Esc都会恢复默认状态。
图片与底部快捷保持可用
图片使用contain完整显示,页面不横向滚动;底部首页、试玩、APP、帮助四个快捷入口始终是标准链接。
