エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
object-fitでトリミングした画像を比率を保ってレスポンシブさせる
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
object-fitでトリミングした画像を比率を保ってレスポンシブさせる
こんにちは!ワタナベです。 あけましておめでとうございます! 本年もどうぞよろしくお願いしますm(__)... こんにちは!ワタナベです。 あけましておめでとうございます! 本年もどうぞよろしくお願いしますm(__)m 年末年始~現在にかけて体調不良をこじらせておりマシタ。 インフルエンザなどなんか色々流行っているので皆様もお気を付けください。 以前、 http://d-grip-server.sakura.ne.jp/blog/seisaku/3083 ↑↑↑のような記事を書いたのですが、サムネイルの場合、object-fitの方が超絶楽だし中央でトリミングしてくれてキレイだと思ったけど高さのレスポンシブどうしたらいいんだ…と悩んでいたのですが、この間解決してめちゃくちゃ便利というか神だったので今回はそれについて書きます(`・ω・´)ゞ 【おさらい】object-fitとは? 皆様ご存じかと思いますが一応。 img { width: 600px; height: 400px; object-fit