關鍵屬性：

object-fit:fill;     (初始值） 被替換的內容大小可以填充元素的內容框。 整個物件將完全填充此框。 如果物件的高寬比不匹配其框的寬高比，那麼該物件將被拉伸以適應。

object-fit:contain;  被替換的內容將被縮放，以在填充元素的內容框時保持其寬高比。 整個物件在填充盒子的同時保留其長寬比，因此如果寬高比與框的寬高比不匹配，該物件將被新增“黑邊”。

object-fit:cover;  被替換的內容大小保持其寬高比，同時填充元素的整個內容框。 如果物件的寬高比與盒子的寬高比不匹配，該物件將被剪裁以適應。

object-fit:none;  被替換的內容尺寸不會被改變。

object-fit:scale-down;  內容的尺寸就像是指定了none或contain，取決於哪一個將導致更小的物件尺寸。

全域性屬性：（在這裡我們只看關鍵屬性，全域性屬性過一遍就好）

object-fit:inherit;  

object-fit:initial;  

object-fit:unset;

下面直接看看圖片效果：

（圖片來源：https://www.zhangxinxu.com/study/201503/css3-object-fit.html）