スマホで見た時の画像サイズについて

Question

https://obot-ai.com/fee/
こちらのページをスマホで見た時に、
画像の大きさがスマホに合わない状態になっています。
PCとスマホでレスポンシブになるようにCSSを組みたいのですが、
どのようにCSSを入れたらよろしいでしょうか？

Accepted Answer

ECマスターズの田中です。

CSS自体は問題なくレスポンシブになっているようですが、
タグ内で、


if(((navigator.userAgent.indexOf('iPhone') > 0) || (navigator.userAgent.indexOf('Android') > 0) && (navigator.userAgent.indexOf('Mobile') > 0) && (navigator.userAgent.indexOf('SC-01C') == -1))){
document.write('');
}                                         


このように、タグを
出し分ける処理が行われておりました。
この場合、万が一条件に当てはまらない機種で見た場合やJavaScriptのエラーが発生した時に
スマートフォン向けの見た目にならなくなってしまいます。

PCで見た時にタグが含まれていても
特に見た目に影響はございませんので、
上記タグの代わりに、
下記タグだけを直接ご記載いただき、
表示をご確認いただきますようお願いします。