こんにちは。毎日ソファで寝る男、フロントエンドエンジニアのザワです。 この度、知らなければ損をしている、知っておけば得しかない、視野が広がるCSSの妙シリーズを開始する運びになりました。 今回は、object-fit編です。 はじめに object-fit、みなさんはバリバリ使いこなしていますか? 私はというと、バリバリ使っています。それこそ、レガシーなCSSやっちゃってるんじゃないの!? SEOで画像検索に注目が高まっているのにbackgroundやっちゃってるの!? なんて上から目線で言いたくなってしまいます。だって、object-fitを知っているから。 じゃあobject-fitって何ができるの!? 美味しいの!? ってな具合に気になってしまいますよね。そうでしょう。 ざっくり説明すると、background-sizeプロパティでcoverやらcontainやらで、諸々やっていたこ
![視野が広がるCSSの妙 〜object-fit 編〜 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/623fb0d4cc5ae65cf764d785f919ba03e9d56076/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2019%2F04%2Fec_20190424_01_jona_ogp.jpg)