css 圖片高度固定，寬度自適應，窗口縮小，圖片兩邊隱藏，始終保持圖片的內容居中

嗯，不知道這個標題說清楚了嗎哈哈哈哈一般自適應，是等比例縮小的，但是我們這個不太一樣，要求高度固定，但是圖片不變形，

比如我們的結構是這樣的

<div class="test">
    <img src="./image/list_banner.png" alt=""> 
</div> 

　樣式這麼些，用到這個屬性，object-fit: cover;可以讓圖像按比例縮放至最大化，保證元素盒子被填滿，而不會破壞圖片的寬高比例。

.test{
            margin: 0 auto;
        img{
            max-width: 100%;
            height: 300px;
            max-height: 300px;
            font-size: 0;
            object-fit: cover;
        }
    }

　　是不是賊簡單，有些屬性真的會用了少寫好多東西