小屏指南
小屏阅读的关键不是塞更多内容,而是让入口一直可点
手机端顶部保持菜单、标识、登录三段式,横向主导航隐藏。完整栏目放进左侧抽屉,常用入口放到底部。抽屉关闭后遮罩会同时失效,正文和底部链接立即恢复点击。
顶部为什么只保留三个位置
375、390、430像素宽度都容易因过多导航发生挤压,因此顶部只保留菜单、标识和登录。其它栏目通过抽屉进入,避免顶栏换行或遮挡正文。
遮罩什么时候出现
只有菜单打开时,遮罩才显示并接收点击。点击遮罩、关闭按钮或按Esc都会关闭抽屉,并移除页面滚动锁定。未打开菜单时,遮罩默认隐藏,不会挡住任何链接。