[ css ] object-fitをIE11に対応させる

どんな比率の画像でも比率を保ったまま、デザイン通りの大きさにトリミングしてくれるありがたい「object-fit」。
便利すぎて多用していたのですが、IE11非対応…。

それを解決してくれるJSがありました！

🗻 Polyfill object-fit/object-position on : IE9, IE10, IE11, Edge, Safari, ... - fregante/object-fit-images

github.com

上記からダウンロード。
CDNは下記。
https://cdnjs.com/libraries/object-fit-images

◆js読み込み

<script src="https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.3/ofi.js"></script>

◆メソッド呼び出し

<script>
  objectFitImages();
</script>

◆css追記

img {
  height: 240px;
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

font-family: ‘object-fit: cover;’;
を追加。

IE11対応はいつまでやればいいんだろうか…。