屏幕适配
页面按 1120px 内容宽度排版,在 960px 与 640px 两个断点切换布局。桌面端为多列网格,平板端收为两列,手机端统一改为单列纵向排列。
这里把从进入频道到翻看专题片单的整条路径拆成五步,并说明设备适配、显示设置与常见操作疑问。按顺序读一遍,基本能自己走完整个浏览流程。
五步走完,每一步都对应站内一个具体页面,按顺序操作不需要来回跳转。
首页的频道方向总览按题材分组列出方向卡,每张卡带一句范围说明。先扫一遍,判断有没有你想看的方向,再决定往哪走。
在 频道分类 页,每个频道都写明题材范围、条目类型和代表方向。这里比首页更细,适合在两三个相近方向之间做取舍。
方向定了之后,去 专题片单 页看围绕该方向聚合的主题。每个专题会标明收录范围和条目数,按主题选比按单个条目选更省事。
专题内的条目按片单组织方式排列,通常从概览性条目往后铺开。顺着读比随机跳着看更容易建立整体印象。
隔一段时间回来,可以先看 变动记录 页,确认哪些栏目调整过、哪些专题有新条目,避免按旧印象找内容。
本站是内容方向导航站,不承载播放功能,这里的说明只涉及页面在不同设备上的阅读体验。
页面按 1120px 内容宽度排版,在 960px 与 640px 两个断点切换布局。桌面端为多列网格,平板端收为两列,手机端统一改为单列纵向排列。
图片素材统一标注宽高,避免加载时跳动。文字使用系统无衬线字体栈,正文 16px、行高 1.75,深色文字配浅底,长时间阅读不易疲劳。
桌面端为横向单行导航;手机端折叠为汉堡菜单,展开后纵向列出全部入口,每个触摸目标不小于 44px,点按不容易误触。
这几个问题在浏览过程中出现得比较多,点开可以看具体说明。
建议先看首页的频道方向总览,确认有没有感兴趣的题材方向,再进入频道分类页逐条对照范围说明,选定方向后再去专题片单页找对应的条目清单。
频道是按题材划分的内容方向,说明这个方向大致覆盖什么;专题是围绕一个主题聚合的视频条目集合。两者不重复,先看频道定方向,再看专题定条目,顺序上建议先频道后专题。
手机端导航会折叠为汉堡菜单,点开后纵向列出全部入口。列表与卡片改为单列排列,触摸目标不小于 44px。横屏时内容宽度会适当放宽,表格类说明可以左右滑动查看。
本站是内容方向导航站,不承载播放功能。清晰度相关说明仅指图片素材的显示效果与文字排版的可读性设置,例如图片尺寸标注、对比度与字号,帮助你在不同屏幕上读得清楚。
可以先去内容边界与反馈页对照收录范围说明,确认该方向是否属于本站覆盖的类型。如果属于但暂时没有对应专题,可以留意变动记录页,专题增补会记录在那里。
如果上面的说明仍然没有解决你的疑问,可以先看 内容边界与反馈 页,那里写明了本站收录范围与站内反馈路径。