こんにちは。毎日ソファで寝る男、フロントエンドエンジニアのザワです。 この度、知らなければ損をしている、知っておけば得しかない、視野が広がるCSSの妙シリーズを開始する運びになりました。 今回は、object-fit編です。 はじめに object-fit、みなさんはバリバリ使いこなしていますか? 私はというと、バリバリ使っています。それこそ、レガシーなCSSやっちゃってるんじゃないの!? SEOで画像検索に注目が高まっているのにbackgroundやっちゃってるの!? なんて上から目線で言いたくなってしまいます。だって、object-fitを知っているから。 じゃあobject-fitって何ができるの!? 美味しいの!? ってな具合に気になってしまいますよね。そうでしょう。 ざっくり説明すると、background-sizeプロパティでcoverやらcontainやらで、諸々やっていたこ