CSS3 object-fit/object-position
- CRオブジェクト(画像または動画)がボックス内にどのように収まるかを指定する方法。「object-fit」のオプションには、「contain」(アスペクト比に従ってフィット)、「fill」(オブジェクトを伸ばして塗りつぶす)、「cover」(ボックスからはみ出るが比率は維持)などがあります。「object-position」を使用すると、背景画像のようにオブジェクトを再配置できます。
Chrome
- 4 - 31:非対応
- 32 - 123:対応
- 124:対応
- 125 - 127:対応
Edge
- 12 - 15:非対応
- 16 - 18:部分的に対応
- 79 - 123:対応
- 124:対応
Safari
- 3.1 - 7:非対応
- 7.1 - 9.1:部分的に対応
- 10 - 17.3:対応
- 17.4:対応
- 17.5 - TP:対応
Firefox
- 2 - 35:非対応
- 36 - 124:対応
- 125:対応
- 126 - 128:対応
Opera
- 9 - 10.5:非対応
- 10.6 - 12.1:対応
- 15 - 18:非対応
- 19 - 108:対応
- 109:対応
IE
- 5.5 - 10:非対応
- 11:非対応
Chrome for Android
- 124:対応
Safari on iOS
- 3.2 - 7.1:非対応
- 8 - 9.3:部分的に対応
- 10 - 17.3:対応
- 17.4:対応
- 17.5:対応
Samsung Internet
- 4 - 23:対応
- 24:対応
Opera Mini
- すべて:対応
Opera Mobile
- 10:非対応
- 11 - 12.1:対応
- 80:対応
UC Browser for Android
- 15.5:対応
Android Browser
- 2.1 - 4.4:非対応
- 4.4.3:対応
- 124:対応
Firefox for Android
- 125:対応
QQ Browser
- 14.9:対応
Baidu Browser
- 13.52:対応
KaiOS Browser
- 2.5:対応
- 3:対応