2

サービス プロバイダーのコンテンツを親 Web サイトの iframe に配置する必要があります。iframe コンテンツの高さは、ユーザーの操作に応じて動的に変化します。

私が直面している問題は、iframe に余分な高さが追加されていることです。高さがどこから来ているのかわかりません。

任意の洞察をいただければ幸いです。

ページへのリンク

4

3 に答える 3

0

私は同じ問題を抱えていました iframe 要素に高さを割り当てるときは、すべての iframe に割り当てないでください。広告およびソーシャル メディア プラグインの iframe に影響するためです。

だから私は次のことをしました

$('#divID iframe').height(easyXDMmessage);
$('#divID iframe').width('100%');
于 2013-06-26T14:05:55.743 に答える
0

これが easyXDM のせいだとは思いません。

計算されている高さは、iframe の現在の幅のようです。HTML ファイルの 28 行目を削除すると、高さが完全に埋められていることがわかります。(または次の行) (または、コードをそのままにして、開発者ツールで高さスタイルを無効にして結果を確認することもできます)

  this.container.getElementsByTagName("iframe")[0].style.width = "500px";

デバッガーでコードを変更するのは難しいため、次に試したいのは、コンテンツと計算された高さを入力する前に、希望する幅に幅を設定することです。

于 2013-02-23T20:08:44.087 に答える
0

空の iframe の場合、高さを 0px に設定すると、親ブロック要素に少なくとも 1 行の空のテキストが表示されるという問題が発生しました。これは、iframe が実際にはインライン要素であるためです。そのため、iframe 自体の高さがゼロであっても、親ブロックには 1 行の高さのテキストが表示されます。簡単な修正は次のとおりです。

iframe#my_iframe { display:block; }
于 2014-01-26T00:30:23.097 に答える