デバイス幅750px以下になったら、画像を切り替えるコードを書いているのですが、以下のコードを適応しても750px以下になっても画像が切り替わりません。
750px以下になると、一瞬だけ赤い画像redが表示されますが、すぐに、青い画像blueが表示されてしまいます。
pictureタグは今まで使ってきたのですが、こんなことは初めてです。
なぜ表示されないのでしょうか？
html
1 <body>2 <picture>3 <source srcset="https://japanfb2.tokyo/PHPMailer/red.png" media="(max-width: 750px)" /><!-- △△px以下で表示する画像 -->4 <source srcset="https://japanfb2.tokyo/PHPMailer/blue.png" media="(min-width: 751px)" />5 <img src="https://japanfb2.tokyo/PHPMailer/blue.png" class="ex" alt="" >6 </picture>7 </body>
0 コメント