前提・実現したいこと
html
1<picture> 2 <source media="(max-width: 480px)" srcset="/for_sp.jpg"> 3 <img src="/for_tab.jpg" alt="画像" width="700" height="400"> 4</picture>
上記のコードで、画面サイズが480px以下はfor_sp.jpg、481pxサイズ以上でfor_tab.jpgを表示しています。
ただ、imgタグのsrcsetのみで、画像の切り替えができることを知ったので、より簡素な書き方に移行したいです。
発生している問題・エラーメッセージ
<img src="/for_tab.jpg" srcset="/for_sp.jpg 480w" sizes="100vw" alt="画像" width="700" height="400" >
上記コードを書いてみたのですが、画像の切り替わりをデベロッパーツールで確認できませんでした。
試したこと
キャッシュの問題かと思いキャッシュの削除を行なったのですが、切り替わりが確認できませんでした。
あなたの回答
tips
プレビュー