fitieは、IEでもobject-fitを使えるようにするためのスクリプトです。いわゆるポリフィル(Polyfill)というやつですね。
object-fitは、画像や動画を簡単にトリミングすることができる便利なCSSプロパティですが、IEには対応していません。
fitieを導入することで、他のブラウザと同じようにIE8～11でもobject-fitが使えるようになります。
fitieの使い方
GitHubからfitieをダウンロードします。distフォルダ内にあるfitie.jsをサーバーにアップして、スクリプトを読み込みます。
<script src="fitie.js"></script>
あとは、通常通りCSSでobject-fitを指定してあげるだけです。
img.cover, video.cover {
object-fit: cover;
}
あとがき
スクリプトを読み込んであげるだけなので、実装は非常に簡単ですね。
画像などをobject-fitでトリミングをしたい場合は、ぜひ導入をご検討ください。