CSS min-height funktioniert nicht in firefox

Question

Ich arbeite an einer ReactJS App und ich möchte, dass mein Körper den gesamten Bildschirm zumindest auf nimmt - mit Min-Höhe: 100%, mit Höhe: automatisch für den Bildschirm mehr als 100% sein. Dies funktioniert nicht in Firefox, sondern funktioniert in anderen Browsern.

Links ist Chrom, rechts ist Firefox.

Alles wird von einem div mit der Körperklasse als solcher gehalten;

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

Mein 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

sollten Sie verwenden:

min-height: 100vh; 

Answer 2

Sie konnten die vh Gerät benutzen, um Ihre div-100% Höhe des viewport

.yourClass { 
    height: 100vh; 
} 

gesetzt

Hoffe, es ist das, wonach Sie gesucht haben.