object-fit属性(可以用于img和video元素)，以控制它们的内容如何适应其容器

object-fit 属性

object-fit 是一个CSS属性，用于指定替换元素（如img或video）的内容如何填充其容器。object-fit: cover是该属性的一个值，它保证内容的宽高比保持不变，同时尽可能大地填充其容器，可能会裁剪掉一些内容以适应。

object-position 属性

object-position 属性用于指定内容在容器中的位置。如果使用了object-fit: cover，那么object-position可以控制被裁剪内容的显示位置。

CSS 代码示例

对于img元素：

img { width: 300px; height: 300px; object-fit: cover; object-position: left top; /* 可以是任何合法的值，如：center, 50% 50%, right bottom 等 */ }

对应的HTML：

<img src="example.jpg" alt="Description">

HTML5 video 元素

对于video元素&