列表缩略图有 16:9 有 1:1 一排卡片高矮差出 40 像素

同一页列表里，横图卡片高 210 像素，方图高 250 像素，一行三张高低不齐，下面的文字基线也对不上，看着很乱。日志里能对上时间点，这种反而好排。

缩略图直接按原图比例输出，媒体库里横竖图混着传，图片高度就跟着原图变。图片没套固定比例的容器，卡片高度自然被内容撑开。这一点先确认清楚，后面就不用反复试。

.thumb { aspect-ratio: 16 / 9; overflow: hidden; }
.thumb img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

「缩略图比例不一致」排查到最后往往是很小的一处差异，前面那些复杂猜测可以先放一放。线上出问题先对时间点，跟发布、备份、任务执行的时刻排一排，能省掉一半功夫。

日志级别临时调高可以，记得改回去，长期开着既占磁盘又掩盖真问题。

处理上按这个顺序：给图片外层加固定比例容器，列表统一用 16 比 9，高度就一致了；图片本身写 object-fit: cover，裁掉多余部分，别拉伸；上传时统一生成一个固定尺寸的缩略图，前端只取这个尺寸，别用原图。

结果对不对很好判断，刷新列表，所有卡片顶部到标题的距离一致，横图和方图都被裁成同样高度。