CSSの「object-fit」をIEブラウザでも適用させる方法【簡単】

こんにちは。カスミです。

さて、以下のようなお悩みをお持ちですか?

記事一覧などで、画像の縦横比を揃えるのに使うCSSの「object-fit」。
とても便利だがIEブラウザでは使えない。IEブラウザでも適用する方法はないのか?

このような疑問を解決致します。

gitHubより、fittie.jsをダウンロード

https://github.com/jonathantneal/fitie

下記GitHubより、fittie.jsをダウンロード。
https://github.com/jonathantneal/fitie

ダウンロードしたファイルから、「fittie.js」をコピーし、自分の環境にscriptで読み込ませましょう。

以上でIEブラウザでも「object-fit」が対応されたかと思います。

まとめ

IEブラウザのサポートは終了しましたが、まだ現役使っている方は多々いるので、fittie.jsはとても役立ちました。

以上で解説を終わります。

Ads

関連記事

WordPress プログラミング

【wordpress】トップページとは別に投稿一覧(アーカイブページ)を用意・表示する方法

2022.01.11
272
JavaScript

jQueryを使って簡単にタブ切り替えを実装してみよう

更新日:2020.10.20
67
Illustrator プログラミング

【イラストレーター】SVGの書き出しがズレたり・崩れたりして綺麗に書き出しできない【簡単解決】

2021.04.07
727
HTMLCSS プログラミング

【簡単CSS】横幅100%コンテンツを幅指定された中央寄せコンテンツの起点に合わせて左揃えにする方法

2022.04.08
38