異なるサイズの画像を短辺や長辺にフィットさせてトリミング...の様な時などかなり便利、例によってIE,Edgeは未対応ながら（17年7月現在）、カバー策のプラグインjsも紹介されているので助かる。

jed_lee のブックマーク 2017/07/30 03:29

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/342189539/comment/jed_lee" data-user-id="jed_lee" data-entry-url="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/tech/object-fit" data-original-href="https://www.webcreatorbox.com/tech/object-fit" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webcreatorbox.com%2Ftech%2Fobject-fit" data-user-icon="/users/jed_lee/profile.png">1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88">フロント</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0">コーディング</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF">テクニック</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E5%AE%9F%E8%A3%85">実装</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%A2%E3%83%80%E3%83%B3%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6">モダンブラウザ</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E5%8A%A0%E5%B7%A5">加工</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%88%E3%83%AA%E3%83%9F%E3%83%B3%E3%82%B0">トリミング</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/DESIGN">DESIGN</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/WEB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">WEBデザイン</a>]</li></ul><br><p style="clear: left">異なるサイズの画像を短辺や長辺にフィットさせてトリミング...の様な時などかなり便利、例によってIE,Edgeは未対応ながら（17年7月現在）、カバー策のプラグインjsも紹介されているので助かる。</p><a class="datetime" href="https://b.hatena.ne.jp/jed_lee/20170730#bookmark-342189539"><span class="datetime-body">2017/07/30 03:29</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！