object-fit 怎么用

`object-fit` 是一个 CSS 属性，用于指定可替换元素（例如 `img` 或 `video`）在容器中的大小和位置，以及如何适应容器的大小。它有以下几种取值：

- `fill`：默认值，将图像拉伸以填充容器。
- `contain`：保持图像的纵横比例不变，将其缩放以适应容器的最大尺寸。
- `cover`：保持图像的纵横比例不变，将其缩放以占满容器的最小尺寸。
- `none`：保持图像的原始大小，不进行缩放。
- `scale-down`：保持图像的纵横比例不变，将其缩放以适应容器的尺寸，但如果图像原始大小小于容器的尺寸，则会保持原始大小。

示例代码：

img {
  width: 300px;
  height: 200px;
  object-fit: cover;
}

这里将 `img` 元素的宽度设置为 300 像素，高度设置为 200 像素，并使用 `cover` 值将图像缩放以占满容器的最小尺寸。