sizesの説明あってる？ sizes="50vw" は解像度50%じゃなくてビューポートに対する相対幅で、あとはブラウザが解像度に応じて適当なものをsrcsetから取ってくるんじゃないっけ。

n314 のブックマーク 2018/10/09 14:57

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/372204170/comment/n314" data-user-id="n314" data-entry-url="https://b.hatena.ne.jp/entry/s/qiita.com/rdlabo/items/0bf7a6f4c45494075c50" data-original-href="https://qiita.com/rdlabo/items/0bf7a6f4c45494075c50" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Frdlabo%2Fitems%2F0bf7a6f4c45494075c50" data-user-icon="/users/n314/profile.png">[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。</a><br><p style="clear: left">sizesの説明あってる？ sizes=&quot;50vw&quot; は解像度50%じゃなくてビューポートに対する相対幅で、あとはブラウザが解像度に応じて適当なものをsrcsetから取ってくるんじゃないっけ。</p><a class="datetime" href="https://b.hatena.ne.jp/n314/20181009#bookmark-372204170"><span class="datetime-body">2018/10/09 14:57</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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

[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。

qiita.com/rdlabo2018/10/05

[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。HTMLレスポンシブMediaQuery 世間のWebサイトをみてみると「横幅120pxのサムネイルに、1600pxの画像が使われ...

56 人がブックマーク・1 件のコメント

他のコメントを読む

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

はてなブックマーク

[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。

はてなブックマーク

公式Twitter

はてなのサービス