在前端开发过程中，遇到了图片变形的问题，通过object-fit: cover完美解决。

:fill  替换的内容将完全填充此框，其对象会被拉伸。 

:contain 替换的内容尺寸可以在容器里放得下。但可能会在容器内留下空白。

:cover  替换的内容尺寸大于容器尺寸。因此，会有部分区域不可见。

:none  替换的内容尺寸不会被改变 

:scale-down  呈现尺寸最小的那个。

需注意兼容性！