2

これは簡単に分類できるはずですが、インターネットで 3 時間にわたって広範な調査を行った後でも、解決策を見つけることができません。ここに私の問題があります: 私は CMS として Wordpress を使用しています。（とにかく、私の場合はそれが本当に重要だとは思いません）。wordpressページ内でiframeを使いたいです。わかった。フレームの高さは CSS とフレームワークの両方で 100% に設定されています

これは Chrome では魅力的に機能しますが、Firefox と IE ではフレームにスクロール バーが表示され、高さは約 250 ピクセルしかありません。このフォーラムで検索したところ、こことインターネットのほとんどの人がこの解決策を提案しました。

html, body,iframe { margin:0; padding:0; height:100%; min-height: 100% }

また、iframeの場合：

.forms
{
width:100%;
min-height:100% !important;
display:block;}

これはうまくいきませんでした。だから私は他のことも試しました：overflow:hiddenなど（これはフレーム全体を表示しません）。また、iframeでJqueryのサイズ変更機能を使用してみました。それもうまくいきませんでした。ここに投稿された JS ソリューションも試しました: http://yysource.com/2011/08/source-code-iframe-with-100-height/

しかし、それもうまくいきませんでした。だから今、私は疲れ果てて、ここに誰かが私を助けてくれることを願ってここに私の問題を投稿しています. iframe を使用した私のページは次のとおりです: http://motushealth.com/mytip/

ありがとう、アーマー。

postion:fixed注： CSSでも試しました。

4

1 に答える 1

2

私は2つのことを試しました。初め

html, body, iframe {
height: 100%; // remove this line
margin: 0;
min-height: 100%;
padding:0;}

2番目、

<iframe height="450" frameborder="0" class="forms" onload="resize_iframe()" id="glu" style="border:0px;" src="/form1.html">

高さを900から450に変更しました。

于 2012-05-23T08:32:55.727 に答える