picture要素の分岐が動かないときHTML・CSSpicture要素を使うことで、ウィンドウ幅ごとに読み込む画像を変更することができます。どの幅でも同じ画像が表示されてしまい困りました。ソース以下、分岐が動作しないソース。以下、修正したソース。aタグをpicture要素の外に出してやるとちゃんと分岐が動作しました。pictureの中にaタグを入れてはいけないようでした。m9(^Д^)」レベルのミスですね...。仕様の理解不足...。おまけちなみにpictureを使わずにsetsrcだけを使う方法もあります。この場合、chromeでは一度最大サイズの画像を表示すると、もうそれしか表示しない仕様となっています。参考:Chromeのsrcsetで誤解していた。ビジュアルをウィンドウ幅ごとに確実に切り替えたいときはpicture要素を使うのがよさそうですね。setsrcだけを使う場合と、pictureを使う場合の挙動については@rriverさんの記事がわかりやすいです。picture要素の分岐が動かないときTweetあなたにおすすめの記事プロフィールid:emj1025Webデザイナー。デザイン・ギター・宅録を少々。このブログでは気になった製品、HTML/CSS、Webデザイン、音楽などを記事にしています。Reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。