See the Pen <a href="https://codepen.io/sinyie/pen/GRPeJEv"> object-fit</a> by sinyie (<a href="https://codepen.io/sinyie">@sinyie</a>) on <a href="https://codepen.io">CodePen</a>. 圖片尺寸小於容器:object-fit: none,圖片寬度100%時,圖片渲染寬度為容器寬度(所以會表現為圖片位置置中),但圖片顯示依舊為原圖尺寸 圖片尺寸大於容器:object-fit: none,圖片寬度100%時,圖片顯示依舊為原圖尺寸,而圖片則置中裁減 圖片尺寸小於容器:object-fit: none,圖片寬度無設置時,圖片渲染寬度原尺寸 圖片尺寸大於容器:object-fit: none,圖片寬度無設置時,圖片渲染寬度為原尺寸,而圖片則由容器起始點裁減