スマホにiframeを入れた際に、幅が若干狭くなるのを解消したい

Question

いつもお世話になっております。表題の件で質問です。スマホトップページに入れたい情報が多くなってきて、RMS内の<全角2000文字(半角4000文字)以内>に収まらないため<iframe ="" ～～＞で対応しています。現在当店スマホTOPページに入れてありますが、その部分の左右に若干空白ができています。これを解消したいです。よろしくお願い致します。

Accepted Answer

ECマスターズの田中です。全体の幅は特に変更する必要がなく、他より狭い部分だけを拡げたいということで間違いございませんでしょうか。その場合、各部分ごとに原因を調べて、修正を行う必要がございます。たとえば、iframeで設置している楽天GOLD内 koukoku.html の部分でしたら、koukoku.htmlのタグに　style="margin: 0px;"　属性を、タグに　cellspacing="0"　属性をそれぞれ追記していただくことで、余白がなくなり、他の要素とほぼ同じ幅で表示されるようになります。

Answer

ECマスターズの田中です。※RMSの、禁止タグを入力できるバグを利用する方法ですので、　今後、RMSの改修により、使用できなくなる可能性があります。＞左右に若干空白ができています。＞これを解消したいです。下記3行の= この上の行まで ====================

Answer

田中様お世話になっています。いただいたstyleタグを試してみましたが、現状問題ない「出荷日バナー」や、普通に説明文に入れているimg画像も幅が広がってしまい、若干ですが横スクロールが入ってしまう状況になってしまいました。そして実際に幅をもう少し広げたい部分が相対的に変わらず…。教えて頂いたstyleタグだと、全ての幅が等しく変わってしまうようなので、一部分の幅だけ変えられる方法がありましたらご教授お願い致します。

Answer

田中様ありがとうございます。無事、希望通りの表示になりました。

スマホにiframeを入れた際に、幅が若干狭くなるのを解消したい

カテゴリーから探す