黄果短剧 · 多端浏览一个网页，手机、平板、电脑都能逛
不用装 App，不同屏幕只是排版方式不同：手机上横滑海报，平板上三四列网格，电脑上一屏看全整个片单。
免下载自适应排版横滑 / 网格双模式
三种屏幕怎么用
- 手机浏览器横滑海报排，右侧露出半张提示还有更多
- 平板浏览三到四列海报网格，不空也不挤
- 电脑浏览器六列海报墙，一屏放下 18 部剧的入口
H5
手机浏览器
一排放 6 张海报，手指左右滑就能翻。页头下方单独一行栏目导航，单手也点得到。
- 横滑海报排，右侧露出半张提示还有更多
- 按钮高度 44px，拇指点得准
- 首屏只留一个主推荐位，不堆信息
Tablet
平板浏览
3 到 4 列网格，一屏能看到完整片单的一半，信息密度刚好，横竖屏都适配。
- 三到四列海报网格，不空也不挤
- 题材筛选一行排完，不用折行
- 分类标签与排序按钮都在同一条线上
Desktop
电脑浏览器
便当格式版面一屏看全热播、漫剧、片单和每日精选，鼠标悬停能看到评分与详情入口。
- 六列海报墙，一屏放下 18 部剧的入口
- 悬停浮层显示评分与「查看详情」
- 字数多的区块自动截断两行，版面不塌
排版对照
同一份内容，三种屏幕的不同摆法
内容完全一致，变的是列数与导航形态，不会出现某个屏幕少内容的情况。
| 对比项 | 手机 | 平板 | 电脑 |
|---|---|---|---|
| 首屏推荐位 | 1 部 | 1 部 + 4 张侧图 | 1 部 + 4 张侧图 |
| 海报列数 | 横滑 2 张可见 | 3 - 4 列 | 6 列 |
| 栏目导航 | 横向滑动一行 | 顶部完整导航 | 顶部完整导航 |
| 找剧面板 | 右上角图标打开 | 右上角按钮打开 | 右上角按钮打开 |
| 片单筛选 | 标签换行排列 | 一行排完 | 一行排完 + 明细表 |