2

それは私が達成と幸福を妨げているとても単純な問題です.

私のサイトの親 Div:正確な高さであってはなりません。

#Container {
    position:relative;
    margin-right: auto;
    margin-left: auto;
    width: 993px;
    **height: 100%;**
}

iFrame_Holder Div: また、正確な高さであってはなりません。

#iframe_holder {
    position: relative;
    width: 993px;
    height: 100%;
}

HTML: (Src .html ページは、さまざまなページの高さで相対的に配置されます。)

<html>
    <body>
        <div id="Container">
            <div id="iframe_holder">
                <iframe width="933" height="100%"frameborder="0" Scrolling="no" src="About.html"> </iframe>
            </div>
        </div>
    </body>
</html>

親 div がパーセンテージではなく特定の高さを持つ必要がある場合、私の Iframe のさまざまなサイズのページは、ぎこちない余分なスペースや切り取られることなくどのように表示されますか?

あなたの助けに感謝します。

4

1 に答える 1

1

css3 メディア クエリを使用できます。

@media screen and (height: 640px){
  #iframe_holder{height:120px;}
}

他の解決策は、iframe の height: inherit を置き換えることです。

別の解決策は、JavaScript を使用してウィンドウの高さを取得することです。

于 2012-06-14T11:20:39.260 に答える