laoyang
9051dc73a5
封面一律按 16:9 展示（批 17）
封面是**按 16:9 裁**的（activities/form.php 里 Cropper 的 `aspectRatio: 16 / 9`），
可展示端的容器不是这个比例 —— 裁好的构图又被切了一刀：
- 详情页封面 `.activity-cover`：原来是 `max-height: 320px` + `object-fit: cover`，
容器比例由**图片原始比例**决定，16:9 的封面铺满后又被高度压掉一截。
改成 `aspect-ratio: 16 / 9` + img `height: 100%`。
- 首页列表行封面 `.act-row-cover`：批 16 写成 4/3（照抄了照片格的习惯），
横向封面被切成方的 → 改成 16/9。
- 编辑页的封面预览 `.cover-preview` 本来就是 16/9，没动。
⚠️ 容器比例一旦与裁剪比例不一致，`object-fit: cover` 就会重新裁一次 ——
所以这类容器**不要再加 max-height**（旧的 320px 已下线，部署脚本有 `期望 0` 的哨兵）。
验证：两条几何断言分别钉住两处展示 ——
详情页（_map12.js，15 项）量 `.activity-cover` 的宽高比、
首页列表（_map16.js，21 项）量**每一行的封面**（含无封面的占位块）。
为此给 _page11.php 的活动夹具补了封面（原来 cover_image 是 null，量不到）。
本地全链 13 步全绿；远端 e2e 365 项 0 失败；部署静态断言、双 PHP 渲染、
内容断言全过。
2026-09-24 17:31:53 +08:00
..
2026-09-22 22:03:08 +08:00
2026-09-24 17:31:53 +08:00