CSSのmin-heightがfirefoxで動作しない

Question

私はReactJSアプリで作業していますが、私は自分の身体に少なくとも画面全体を占めたいと思っています。 100％以上である。これは特にFirefoxでは機能しませんが、他のブラウザで作業しています。

左はクロム、右はファイアフォックスです。

ボディクラスを持つdivですべてが保持されています。

<div className={styles.body}> 
    {this.props.children} 
</div> 

マイSCSSは：

.body{ 
display: block; 
font-family: "Ubuntu", sans-serif; 
margin: auto; 
height: auto;  
min-height: 100%; 
width: 100%; 
background: 
    linear-gradient(135deg, #696D7D 22px, #FAF5E3 22px, #FAF5E3 24px, transparent 24px, transparent 67px, #FAF5E3 67px, #FAF5E3 69px, transparent 69px), 
    linear-gradient(225deg, #696D7D 22px, #FAF5E3 22px, #FAF5E3 24px, transparent 24px, transparent 67px, #FAF5E3 67px, #FAF5E3 69px, transparent 69px)0 64px; 
background-color:#696D7D; 
background-size: 64px 128px; 
} 

Answer 1

あなたはこれを使用する必要があります。

min-height: 100vh; 

Answer 2

あなたはviewport

.yourClass { 
    height: 100vh; 
} 

のご div 100％の高さを設定する vhユニットを使用することができます

あなたが探していたことを願っています。