移动端浏览

在较窄屏幕上保持正文、导航与内容入口清晰

手机和平板上的浏览重点不是缩小桌面页面,而是重新安排空间,让正文、按钮、图片和菜单在有限宽度内仍然容易理解和操作。

蜜桃视频移动端浏览指南

导航在移动端需要更集中

桌面端可以同时展示多个主要入口,但手机宽度有限,更适合使用可展开菜单集中导航。展开后需要保持链接顺序清楚,并允许点击链接或按 Escape 关闭。菜单关闭后,焦点应能回到触发按钮。

正文行长和留白比“塞更多内容”更重要

过长的单行文字会降低阅读效率,因此移动端正文应保持合适的边距和行高。原本并列的多栏内容可以改为单列,保证标题、摘要、图片和正文按自然阅读顺序出现。

同时需要避免固定按钮、悬浮导航或底部工具遮挡正文。任何固定元素都应留出足够安全区域。

图片应保持比例与信息意义

视频封面与内容图在小屏幕上可以变为全宽,但不应通过强制高度造成明显拉伸。如果图片用于说明具体内容,应提供自然的 alt;仅作为装饰时可以使用空 alt。

站内查找属于辅助入口

搜索可以帮助快速匹配现有内容,但主要页面必须始终通过正常链接可访问。即使用户不使用搜索功能,也可以从主页、主题索引、蜜桃传媒、社区与APP以及影视专题进入主要内容。

脚本失效时,主要内容仍然可读

移动菜单等交互使用原生 JavaScript 增强体验,但正文、页面链接和服务端输出内容不依赖脚本才能出现。这意味着即使 JavaScript 加载失败,用户仍可以阅读核心内容并通过可见链接继续浏览。

继续浏览