css - CSS最小高度在Firefox中不起作用

我正在使用ReactJS应用程序，并且我希望我的身体至少占据整个屏幕-使用最小高度：100％，而高度：自动占屏幕的比例超过100％。这不适用于Firefox，但适用于其他浏览器。

左是铬，右是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;
}

最佳答案

您应该使用此：

min-height: 100vh;