之前寫主題的時候，縮略圖固定大小這個問題一直困擾著我。

固定了圖片寬度和高度就會導致圖片變形，如果是一個很長的長方形圖片固定為正方形之后，整個圖片都變得模糊不清，根本沒法看。

后來就用縮略圖插件剪裁生成固定大小的縮略圖來解決這個問題，但是過了一段時間發現插件生成的縮略圖網頁加載沒法緩存，如果一個頁面有很多縮略圖，就會非常非常的占用資源，導致頁面加載速度很慢很慢。

為了解決這個問題查閱了一些資料，最后的最后發現了css新出的一個屬性值可以完美解決這個問題。

這個屬性值就是：

object-fit: cover;