img { width: 300px; height: 200px; }

.fill { object-fit: fill; }          /* 拉伸填满（默认——可能变形） */
.contain { object-fit: contain; }    /* 完整显示——留白 */
.cover { object-fit: cover; }        /* 裁剪填满——推荐 */
.scale-down { object-fit: scale-down; }  /* contain 或 none 中较小的 */
.none { object-fit: none; }          /* 保持原始尺寸 */

img {
  object-fit: cover;
  object-position: center;      /* 居中裁剪 */
  /* object-position: top left;    左上角 */
  /* object-position: 50% 20%;    水平居中 垂直20% */
}

.avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;           /* 保持比例裁剪 */
}

video {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}