手机
375px 与 390px 重点适配
首页海报改成可以手指左右滑动的横排,屏幕右边会露出半张,提示还能往右翻。页头与栏目条一起吸顶,随时能跳到别的栏目。所有按钮和可点击区域都不小于 44px,单手也能点准。
- 两列海报,一眼看到更多剧
- 栏目条左右滑动,不折叠菜单
- 文字与背景对比度保持在 4.5:1 以上
浏览方式
这是个网页版的短剧剧场:不用安装,也不用登录。手机、平板、电脑的浏览器打开同一个地址,看到的是同一份剧集目录,只是排布会跟着屏幕宽度变。
375px 与 390px 重点适配
首页海报改成可以手指左右滑动的横排,屏幕右边会露出半张,提示还能往右翻。页头与栏目条一起吸顶,随时能跳到别的栏目。所有按钮和可点击区域都不小于 44px,单手也能点准。
768px 宽度重点适配
网格从两列变成三到四列,海报更大,剧名和看点也不会挤在一起。横屏时首屏便当格会自动展开,主推剧的封面占到整屏的一半以上。
1024px 与 1440px 重点适配
主内容宽度固定在 1280px,两侧至少留 32px。首页是完整的便当格:一个 2×2 的大格放主推剧,右侧四个小格放热剧,下方各分区用大小不一的格子拼满,不会出现半排空白。
关于客户端
目前没有可下载的安装包。想随时回来看看,直接在浏览器里打开本站地址就好,也可以把页面收藏到书签。手机上浏览体验和电脑上一致,短剧全集、榜单和详情页都能正常阅读。
375px
手机竖屏,两列海报,栏目条横滑
768px
平板竖屏,三列网格,首屏信息上移
1024px
笔记本宽度,便当格开始展开
1440px
桌面宽屏,1280px 主内容居中排满