图片

object-fit 控制元素

object-fit是CSS中用于控制替换元素（如<img>、<video>、<iframe>等加载外部资源的元素)内容如 何适应其容器尺寸的属性。

值	描述
fill	默认值。拉伸内容以完全填充容器，不保持宽高比，可能导致内容变形（最常用但需谨慎）。
contain	保持内容固有宽高比，缩放至完全适应容器内部（内容全部可见)，容器可能有空白（类似“适应”模式）。
cover	保持内容固有宽高比，缩放至覆盖容器（内容可能部分被裁剪），容器无空白（类似“填充”模式）。