5

私はこの問題に直面していますAndroid上のChromeでは、同じデバイス上の他のブラウザで動作しました:

問題は、高さを 100% に設定すると、ネストされた DIV がその親 (高さは 100vh) を埋めないことです。

<style>
    #a{width:100%;height: 100vh;background-color: red;}
    #a .inner {width: 100%;height: 100%;min-height: 100%; background-color: green;}
</style>

<div id="a">
    <div class="inner">The GREEN must fill the screen</div>
</div>

Chrome バージョンでテストしました: 26.0.1410.58 および 30.0.0.0。

:(

4

2 に答える 2

2

Chromeのバグのようです。Chrome バージョン 44.0.2403.133 でテストしたところ、正しく動作しました。

しかし、これを回避するための解決策を見つける必要があります

于 2015-08-03T10:24:23.813 に答える
-2

親と一致するように、子 div min-height 100vh を作成します。更新されたコードのフィドルは次のとおりです: https://jsfiddle.net/6c55a8az/

#a{width:100%;height: 100vh;background-color: red;}
#a .inner {width: 100%;height: 100%;min-height: 100vh; background-color: green;}
于 2016-11-04T15:06:08.487 に答える