概要
画像を親要素の枠サイズに合わせてクロップして表示させることができるobject-fitの実装をmixin化し作業効率化をはかる。用途
- 画像を縦横比率関係なく親要素の枠サイズに合わせてクロップする。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11 ※JSプラグインobject-fit-images を使用している場合
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
