object-fitでトリミングした画像を比率を保ってレスポンシブさせるこんにちは！ワタナベです。 あけましておめでとうございます！ 本年もどうぞよろしくお願いしますm(__)m 年末年始～現在にかけて体調不良をこじらせておりマシタ。 インフルエンザなどなんか色々流行っているので皆様もお気を付けください。 以前、 http://d-grip-server.sakura.ne.jp/blog/seisaku/3083 ↑↑↑のような記事を書いたのですが、サムネイルの場合、object-fitの方が超絶楽だし中央でトリミングしてくれてキレイだと思ったけど高さのレスポンシブどうしたらいいんだ…と悩んでいたのですが、この間解決してめちゃくちゃ便利というか神だったので今回はそれについて書きます(｀・ω・´)ゞ 【おさらい】object-fitとは？ 皆様ご存じかと思いますが一応。 img { width: 600px; height: 400px; object-fit
