【CSS3】親要素の大きさに依存して画像の表示方法を変える［object-fit］プロパティの使い方。
- fill
- オブジェクトはアスペクト比を変えながら、全体がコンテンツボックス内を満たすようにリサイズされます。（初期値）
- contain
- オブジェクトはアスペクト比を保ちながら、全体がコンテンツボックスに収まるようにリサイズされます。オブジェクトの幅と高さのうち、長いものがコンテンツボックスにフィットします。
- cover
- オブジェクトはアスペクト比を保ちながら、コンテンツボックスを完全に覆うようリサイズされます。オブジェクトの幅と高さのうち、短いものがコンテンツボックスにフィットし、長いものははみ出します。
- none
- オブジェクトはリサイズしません。
- scale-down
- 「none」か「contain」の小さい方を適用します。