fill(初期値) | 要素の縦横比が調整される。ボックスをすべて使って表示する |
contain | 要素の縦横比は保つ。要素の幅と長さのうち長い方がボックスにピッタリになり、もう一方は調整される |
cover | 要素の縦横比は保つ。要素の幅と長さのうち短い方がボックスにピッタリになり、もう一方は調整されず、ボックスからはみ出す |
none | サイズの調整はされない |
scale-down | 要素がボックスサイズより小さければサイズの調整はされない 要素がボックスサイズより大きければ、containと同じ調整をされる |
/*↓img要素をボックスに合わせる方法を指定*/
img {object-fit: 「ボックスに合わせる方法のキーワード」; }