img標籤實現和背景圖同樣的顯示效果——object-fit和object-position

https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fitcss 不知你們在作前端頁面的時候，有沒有遇到相似這樣的問題：有一個不是正方形的圖片，多是寬度大於高度的，也多是高度大於寬度的，而你又並不想用背景圖的方式來作，要實現用img標籤來讓此圖片顯示出一個正方形的且不變形的效果。即以下圖：只顯示圖片中間部分（紅框部分）html   下面咱

>>阅读原文<<