レスポンシブに画像を扱うpicture要素について。 media queryでの分岐、srcset属性での解像度対応、読み込む画像の種類によるfailback

HTML
画像

efcl のブックマーク 2014/10/01 14:57

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/229751001/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/responsive/picture-element/" data-original-href="https://www.html5rocks.com/ja/tutorials/responsive/picture-element/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Fresponsive%2Fpicture-element%2F" data-user-icon="/users/efcl/profile.png">レスポンシブイメージのネイティブサポート - HTML5 Rocks</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/HTML">HTML</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E7%94%BB%E5%83%8F">画像</a>]</li></ul><br><p style="clear: left">レスポンシブに画像を扱うpicture要素について。 media queryでの分岐、srcset属性での解像度対応、読み込む画像の種類によるfailback</p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20141001#bookmark-229751001"><span class="datetime-body">2014/10/01 14:57</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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

レスポンシブイメージのネイティブサポート - HTML5 Rocks

www.html5rocks.com2014/09/11

The picture element Stay organized with collections Save and categorize content based on your preferences. The previous module demonstrated how the srcset attribute allows you to provide different-...

129 人がブックマーク・18 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

レスポンシブイメージのネイティブサポート - HTML5 Rocks

はてなブックマーク

公式Twitter

はてなのサービス