iframeで読み込んでいるヘッダー部分なんですが、
表示しているページ(ヤフーショッピング)でmax-width:1290pxでmin-width:990pxとなっていて、
ブラウザの幅を縮めたり広げたりすると、ヤフーショッピングの他の部分は、最大値と最小値の間で幅がレスポンシブするのですが、
iframeで読み込んでいるヘッダー部分がレスポンシブにならず、横スクロールバーが出てしまいます。
width="100%" height="155px" frameborder="0" のように
iframeの幅を100%にして高さだけ指定していますがうまくいきません。
iframeにmax-widthやmin-widthを指定すると、幅がめっちゃ狭くなります。
基本的な事なのかもしれませんが、
この部分をスルーしてきていたので、
今色々調べてやっているのですが、うまくできません。。
どなたかご教授いただけませんでしょうか?
サンプルソースと期待する結果を例示ください
iframeの外側と中身の関係はどのようなものでしょうか?
・外側・中身はそれぞれ自由に編集できるのか、あるいは何かしらの制約があるのか
・外側と内側は同じドメインか、クロスドメインなのか
外側は、yahooのシステムなので編集できません。
中身だけが編集可能です。
あなたの回答
tips
プレビュー