fill - 填充，内容拉伸充满整个屏幕
contain - 包含，保持原有比例，保证容器内放的下但是会有留白
cover - 覆盖，保持原有比例，保证内容一定大于容器尺寸，宽高至少有一个和窗口保持一致，部分区域可能不可见
none - 无，保持原有比例同时保持内容原始尺寸
scale-down - 降低，依次设置none或contain，最终呈现尺寸较小的那个
所以在我们的场景中，需要使用到的是object-fit:cover这个属性，保持原有比例进行裁剪，但是默认的裁剪的内容是50% 50%,也就是中心位置居中效果，所以我们需要使用object-position属性来定位一下裁剪位置
object-position： top — 内容定位在窗口左上角
object-position： 100% 100% — 内容定位在窗口右下角
object-position: calc(100% -20px) calc(100% - 10px)
