浏览方式

黄果短剧 · 手机电脑都能逛

这是个网页版的短剧剧场:不用安装,也不用登录。手机、平板、电脑的浏览器打开同一个地址,看到的是同一份剧集目录,只是排布会跟着屏幕宽度变。

手机

375px 与 390px 重点适配

首页海报改成可以手指左右滑动的横排,屏幕右边会露出半张,提示还能往右翻。页头与栏目条一起吸顶,随时能跳到别的栏目。所有按钮和可点击区域都不小于 44px,单手也能点准。

  • 两列海报,一眼看到更多剧
  • 栏目条左右滑动,不折叠菜单
  • 文字与背景对比度保持在 4.5:1 以上

平板

768px 宽度重点适配

网格从两列变成三到四列,海报更大,剧名和看点也不会挤在一起。横屏时首屏便当格会自动展开,主推剧的封面占到整屏的一半以上。

  • 三到四列网格,留白更舒展
  • 首屏信息与海报并排摆放
  • 看完一段内容不用来回缩放

电脑

1024px 与 1440px 重点适配

主内容宽度固定在 1280px,两侧至少留 32px。首页是完整的便当格:一个 2×2 的大格放主推剧,右侧四个小格放热剧,下方各分区用大小不一的格子拼满,不会出现半排空白。

  • 便当格版式,海报墙排满
  • 榜单前三名做成并排大卡
  • 悬停时海报放大并出现查看详情

关于客户端

APP 暂未开放下载,推荐直接使用网页版

目前没有可下载的安装包。想随时回来看看,直接在浏览器里打开本站地址就好,也可以把页面收藏到书签。手机上浏览体验和电脑上一致,短剧全集、榜单和详情页都能正常阅读。

三种宽度下的版面变化

375px

手机竖屏,两列海报,栏目条横滑

768px

平板竖屏,三列网格,首屏信息上移

1024px

笔记本宽度,便当格开始展开

1440px

桌面宽屏,1280px 主内容居中排满