object-fitプロパティは、CSS Image Values and Replaced Content Module Level 3で定義されていますが、Features at riskとなっており、CSS3の仕様から削除され、CSS Image Values and Replaced Content Module Level 4に移行される可能性はありますが、2013年4月時点ではCSS3の仕様です。 使いどころ 画像のアスペクト比を保ちつつも、指定して表示領域に収めたい場合があると思います。 例として、ECサイトで製品画像とかでしょうか。要望としてよくあるのが、アスペクト比を保ちながらリサイズし、決められた範囲で下記図のような横長の画像の場合は上下中央、縦長の画像の場合は中央表示という場合がほとんどです。 実装するには、サーバーサイドで画像をリサイズするか、JavaScriptで