srcsetによるPCサイトとSPサイトの画像の切り替えソースを入力したのですが、切り替わりませんでした。。。
同じように質問している方(URL:https://teratail.com/questions/8678)の内容も確認をしたのですが、わかりかねたので質問させていただきます。
HTML
1<img src="images/hoge.png" srcset="images/hoge.png 1x, images/hoge.png@2x.png 2x" alt="画像">
確認ブラウザはChromeで、エミュレーションでPC表示とSP表示の確認をしています。
ブラウザで確認をすると、PCサイトでスマホ用の画像が表示されてしまって画像の切り替えがでいていません。
解決したいことは
表示されない原因の特定と、その確認方法を教えていただきたいです。
また、すべてのブラウザで対応がされてはいないとのことなので、その対策としてのpicturefill.min.jsはダウンロードして読み込めるようにしてあります。
HTML
1<head> 2<!-- picturefill.js --> 3<script src="js/picturefill.min.js"></script> 4</head>
入れる前、入れた後の変化(画像の切り替え)はありませんでした。
どうか、ご助力お願いいたします。
回答2件
あなたの回答
tips
プレビュー