移动阅读:小屏也要保持清楚、完整和可控制
手机阅读的重点不是塞进更多内容,而是让导航、图片、文字和点击区域都保持明确,不需要左右拖动。
图片完整显示,不用裁掉主体
站内图片统一使用 contain,竖图保持完整边缘,场馆图在手机上也限制高度。若本地图片缺失,会用同比例深色占位代替,不显示破图,也不会把图片名称写进正文。
菜单打开与关闭都保持简单
左侧抽屉只在手机宽度出现,遮罩默认不接收点击,只有菜单真正打开时才显示并接收点击。点关闭、点遮罩、按 Esc 或进入链接都可以收起抽屉,避免覆盖正文后无法操作。
底部栏只放最常用入口
手机底栏保留首页、体育、电子和注册四项,避免塞入过多栏目。其他内容可从左侧菜单进入。这样 375px、390px 和 430px 常见宽度下也不会互相挤压。
短时间阅读比连续滑动更舒服
建议每次只完成一个目标:看一个项目、查一类说明或解决一个问题。完成后先停下来,不需要为了“看完所有内容”继续滑动。更多使用方式可查看使用指南。
成年读者也需要主动管理时间
站内内容仅面向年满 18 周岁的成年人。请遵守所在地法律法规,在通勤、休息等合适场景中浏览,不影响行走、驾驶或工作。合理安排时间,理性娱乐。
横屏和竖屏切换也应保持自然
如果设备从竖屏转为横屏,页面会继续遵循最大宽度限制,文字与图片不会要求横向拖动。回到竖屏后,导航与底栏仍保持原有位置。若切换过程中浏览器暂时重排,等待页面稳定即可,不需要连续刷新。

