三个设备上的浏览体验
- 手机（375–430px）：页头下面是一行可以左右滑的栏目条，所有的栏目一直都在，不用展开菜单。首页每个面板里的海报可以手指横滑，右边会露出半张。
- 平板（768–1024px）：卡片变成三到四列，面板变宽之后可以一次看完一整排，题材标签也排得下。
- 电脑（1024px 以上）：左侧是 88px 宽的竖向导航，内容区是圆角面板，右侧窄栏放排行榜。
AI漫剧网页版指南
打开就能横滑
栏目条固定在页头下方，首页每个面板的海报都能用手指左右滑动。
- · 右边缘露出半张海报
- · 按钮尺寸不小于 44px
- · 不会出现整页横向滚动
三到四列最舒服
面板宽度上来之后，一行能容纳更多卡片，题材标签也排得下。
- · 卡片三到四列
- · 右侧排行榜移到下方
- · 面板留白更宽
侧栏加宽屏面板
左侧竖向导航固定，右侧是圆角面板，排行榜放在窄栏里。
- · 内容最大宽度 1280px
- · 海报悬停上浮
- · 推荐指数一栏对齐
先随便点 8 部看看
不知道从哪里开始，就从下面这些名字陌生的挑一部。每部详情页都有题材解读、三条看点和可跳转的猜你喜欢。