スマホ表示がうまくいかない

Question

いつもお世話になっております。

現在goldで制作しているページをスマホで確認したときに、
画像が読み込まれていませんでした。
検証してみたところ画像自体がスマホで見たとき、読み込まれていないように思います。
CSSのどこの部分が影響しているのか分かりません。
お手数おかけしますが、ご教示していただけたら幸いです。

確認した端末/android(Xperia)
画像が表示されないページ
https://www.rakuten.ne.jp/gold/tokeiten/feature/xc-monitor/index.html
↑スタッフが実際に着けてみました部分の画像

Answer

かとうさん

ECマスターズの小野です。

いただいたご質問ですが、
休み明けに担当者より回答させていただきますので、
少々お待ちくださいませ。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

ページの構造が複雑なため、
原因の特定が非常に困難なのですが、

ページの横幅が640px以下になった時に、
CSSのメディアクエリかJavaScriptの仕組みが動作し、
結果非表示になっていることを確認しました。

@media (max-width: 640px)
という形式で制御を行っている場所がどこかにないか、
ご存知でないでしょうか。

わからない場合は、
ページに導入されている仕組みを
なるべく詳しくお知らせいただきますようお願いいたします。
（Bootstrapを導入している、○○のページ構造をそのまま利用している、など）

Answer

ご回答ありがとうございます。

@media (max-width: 640px)はスタイルシートでの@mediaが
すべて640pxでした。
質問している画像部分のCSSファイルでは@mediaが767pxになっています。

こちらのサイトのvideo部分レイアウトを参考利用して作成しました。
https://takeyaflask.com/

Answer

スマホで表示されないエラーですが、一部のコードを削除しましたところ、
無事反映されました。
お手数おかけして申し訳ございません。

ありがとうございました。

Answer

ECマスターズの田中です。

お力添えできず、失礼いたしました。
無事解決して何よりです。
また何かご質問などございましたら、フォーラムまでお寄せください。