0

最初のページの読み込み時に、div がビューポート スペースを占有するようにします (この例のように)。私は次のコードを使用しています：

$("#intro").height($(window).height());
$(window).resize(function(){
    $("#intro").height($(window).height());
});

それはdivをうまく伸ばしますが、問題は、ブラウザウィンドウのサイズを変更したり、モバイル/タブレットで縦向きから横向きにしたりしても、divが同じ幅と高さのままであることです。div を新しいビューポート サイズに調整するには、ページをリロードする必要があります。

サンプル サイトのコードを調べてみましたが、さらに混乱してしまいました。ここで見つけた他のいくつかの提案も試しましたが、これまでのところうまくいきませんでした。

誰かが私を助けてくれれば幸いです。

4

2 に答える 2

0

提案をありがとう。それを調べると、これが私がやったことです（そしてそれは機能します）：

HTML

<body id="container">
    <div id="intro">
        Content that will occupy the whole viewport
    </div>
</body>

CSS

#container {height: 100%;}
#container #intro {height: 100%;}
#intro {width: 100%;overflow: hidden;}

そして、それは私のために働きました。それが他の誰かに役立つことを願っています=）

于 2013-04-21T23:51:11.353 に答える