質問: ヘッダー・フッターをレスポンシブ対応に作ったが、goldにアップロードすると思ったように反映されない。 [pcデザイン設定]→[ヘッダー・フッター・レフトナビ]→[編集]から商品ページのヘッダー・フッター を設置しました。レスポンシブ対応に作ってあります。[ヘッダー・フッター・レフトナビ]画面で iframeの中にwidth="1000px" height="670px" を指定すると正しく表示されますが、幅がレスポンシブではなくなってしまいます。 width="1000px" height="670px" を外してしまうと表示がおかしくなってしまいます(画像のとおり、幅が狭くなってしまう。)商品ページのヘッダーフッター をレスポンシブ対応で正しく表示するにはどうしたら良いでしょうか?[pcデザイン設定]→[ヘッダー・フッター・レフトナビ]→[編集]の画面では次のように指定しています。【ヘッダー】お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。【フッター】お使いのブラウザはiframeに対応しておりません。iframe対応のブラウザでご覧いただきますようお願いいたします。
回答: ecマスターズの田辺です。iframeは中身の大きさに合わせて表示されませんので、読み込みたいページの大きさに合わせて横幅と縦幅を指定する必要がございます。そのため、今設定していただいているwidth="1000px" height="670px" は必要です。iframeの特性につきましてはこちらで詳しくご案内しておりますのでご確認ください。https://club.ec-masters.net/index.php?design_tags#iframeそして、1000pxで指定しているということは、それより小さく表示したときに...という指示が効かなくなる、つまりレスポンシブデザインは反映されません。また、基本的に楽天ではrmsでpc用とスマホ用それぞれのデザインを設定していただく仕組みとなっており、スマホ画面ではヘッダー・フッター・レフトナビの内容は読み込まれませんのでレスポンシブデザインにしていただかなくても結構です。goldで作成したページ以外で、レスポンシブデザインにされている他のショップがございましたらお知らせください。