同一张图，换个容器再看

三张卡片都读取同一份原图。拖动各自的横纵位置，再复制这张卡片的 CSS；调整不会改动图片文件。

正在读取同目录的 cover.png……

宽封面

16 : 9 · object-fit: cover

横向位置

50%

纵向位置

50%

这张卡片的 CSS（可手动复制）

复制 CSS本卡重置 50 / 50

默认居中，可以用方向键微调。

正方卡片

1 : 1 · object-fit: cover

横向位置

50%

纵向位置

50%

这张卡片的 CSS（可手动复制）

复制 CSS本卡重置 50 / 50

默认居中，可以用方向键微调。

手机竖卡

3 : 4 · object-fit: cover

横向位置

50%

纵向位置

50%

这张卡片的 CSS（可手动复制）

复制 CSS本卡重置 50 / 50

默认居中，可以用方向键微调。

这里只调 CSS 如何显示已有图片，不识别主体、不扩图，也不修改源图。百分比表示图片与容器的对应百分比位置对齐；某个轴没有超出容器时，拖动该轴可能看不出变化。横纵设置属于各自卡片，不会自动同步。