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

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

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

カテゴリーから探す