JournalHOMEグリーンヒルマガジンCSS2022.4.13【CSS】object-fitが効かない・・IEやEdgeにも対応できる「object-fit-images」ライブラリ#css#JavaScriptCSSの「object-fit」プロパティすごく便利ですよね!WordPressで構築した案件でクライアント側で事例画像などを更新する場合に一々画像ソフトを使ってトリミングなどをしなくても枠内に綺麗に収まってくれますからね。残念ながらPCではIEやEdgeには対応してないのです。そこで今回ご紹介するのが「object-fit-images」というライブラリです。ダウンロードしてみましょう!object-fit-imagesの設定まずはJSの読み込みから。</body>タグの直前に設置。objectFitImages('img.object_fit_img');</script>続いてCSSの追加記述。IE用にfont-familyを指定。cover;'}後は出力用HTMLにclassを付けて完了。src="images/test.jpg">反映させたいimgタグ全部に付け加える必要があるんで大量になると面倒だけど今はこの方法が一番いいのでオススメです。