手机阅读

掌上阅读

黄果AI短剧的移动页面以单列阅读为基础。正文不会依赖横向滑动,也不会把侧栏挤在文章旁边。

顶部目录:先选一条阅读线

手机页眉只保留品牌、目录与掌上入口。打开目录后,它会在页眉下方正常展开并推动正文下移,不覆盖当前文章。关闭后目录完全隐藏,不会留下透明点击层。

底部导航:回到四个稳定入口

底部固定导航提供首页、片单、人物和目录四个入口。页面为它预留了安全空间,因此最后一段正文和页脚链接不会被遮住。若设备带有底部安全区,也会自动增加留白。

None

('hg-mobile.webp', '手机竖屏阅读界面')

image-mobile

收藏与跳转:保存具体页面更有效

如果某篇内容值得回看,直接收藏当前栏目页比只保存首页更方便。页面之间都使用普通链接,即使关闭 JavaScript,也可以通过栏目与页脚继续访问。

图片查看:完整显示优先于铺满

内容图片默认保持原比例并完整显示。手机上图片不会被强行裁切,也不会用固定宽度撑破屏幕。图片尚未上传时,页面直接省略该图片,不出现破损图标。

[('access.php', '阅读访问说明'), ('help.php', '查看导航帮助')]

竖屏阅读时保持节奏

手机屏幕窄,段落过长会显得密,过短又容易碎。本站在移动端保留稳定的正文大小和行距,让每个自然段维持正常横向排字。标题、说明文字和导航也使用统一标尺,不通过缩小字号来掩盖布局问题。

如果浏览器放大文字,页面仍应保持单列并允许内容向下延伸,而不是把侧栏重新挤回旁边。遇到异常横向滚动时,应优先检查浏览器缩放、页面是否为当前版本,以及是否有外部内容被临时插入。

触控与链接保持简单

移动端没有依赖悬停才能出现的信息,主要链接都保持足够点击区域。目录打开后仍属于正常页面流,关闭也不会留下覆盖层。这样的设计看起来没有复杂动画,却能减少误触和遮挡,让竖屏阅读的注意力停在正文,而不是界面操作上。

横屏并不是唯一解决办法

当页面在竖屏出现窄列时,正确做法不是要求读者旋转手机,而是让布局真正回到单列。本站移动样式会清理桌面网格定位与侧栏并排关系,让正文获得完整可读宽度。即使图片尺寸很大,也只能在内容列内缩放,不应反过来改变页面宽度。