質問: pcページの iframe 作成について。 度々の質問、誠に申し訳御座いません。現在、楽天のpc用goldページに iframe を読み込ませてショップを構築しています。御社で制作された出荷日バナーはpc、タブレットの大きさに関わらず、高さまでぴっちり綺麗に収まっています。一方弊社で自作したはpc、タブレットなど、画面の大きさによって下段の途中で切れてしまっていたり、タブレットを縦画面で見た際にはiframe下に妙なスペース(意図していない最下段の空白)が生じてしまいました。以前教えて頂いた スマホの vw でも対応出来ず(上記と同じように意図していないスペースが出来る為)困っています。ご面倒をお掛け致しまして誠に恐縮では御座いますが、解決法をご教授頂きたく存じます。弊社でも調べましたが、時間を掛けたにも関わらず解決する事が出来ませんでした。何卒宜しくお願い申し上げます。
回答: ご連絡有難う御座います。お教え頂いた通りに変更し、max-width : や.hader_height{ height:100px; }の数字も変えてみましたが、上記の記述にすると今度は全て表示されず、1枚目のバナー辺りで表示が切れてしまいました。ちなみに、https://item.rakuten.co.jp/shop-url/item-url/のスマートフォン用商品説明文でも似たような(縦画面と横画面で空白の大きさが異なり、レスポンシブルになっていない?) 現象が起きました。最初の質問では pc ページにで使用した flexbox が原因かと考えておりましたが、使用していないスマホ用ページでも似たような現象が生じてしまい...共通している事と言えば、共にバナーの下に文字を入力している事です。それが原因なのでしょうか...。お手数をお掛け致しますが、ご確認の程何卒宜しくお願い申し上げます。