object-fit属性可以用于指定元素内部的图片或视频如何适应容器。它有以下可选值：
-
contain：等比缩放图片或视频以适应容器，并保持其长宽比，留下空白区域。
-
cover：等比缩放图片或视频以填充容器，剪裁超出容器的部分。
-
fill：拉伸图片或视频以填充容器，不保持其长宽比。
-
none：保持图片或视频的原始大小和长宽比。
-
scale-down：如果比contain小，则等同于contain；如果比contain大，则等同于none。
使用object-fit属性可以很好地解决图片或视频过大或过小时适配容器的问题，使得页面在不同屏幕大小和设备上都能正常展示。