麻将胡了 · 小屏阅读

手机端先保证能点,再谈内容排布

窄屏最重要的是交互不互相覆盖。菜单、遮罩、正文与底部快捷必须有明确状态,尤其是关闭菜单以后,页面要立刻恢复正常点击。

顶栏保持左中右三段

左侧菜单按钮、中间品牌标识、右侧注册按钮始终保持一行。横向核心导航在手机隐藏,避免375、390和430像素宽度下出现重叠。

遮罩默认必须真正隐藏

页面刚打开时遮罩不显示且pointer-events关闭。只有菜单带打开状态时遮罩才出现;关闭菜单后显示状态与点击拦截要同时移除。

底部快捷不要被遮罩盖住

首页、索引、APP和帮助固定在底部,并为正文预留空间。菜单关闭后这四个入口与正文链接都应立即恢复点击。

仍然异常时按顺序排查

先确认菜单是否关闭,再刷新页面并检查浏览器缓存;如果是账号或验证码问题,转到账户安全;如果是不确定栏目位置,则直接回主题索引。

继续查阅