Css线性渐变在mozilla firefox中无法正常工作

我对mozilla firefox中的线性渐变有问题。以下css代码：

background: linear-gradient(180deg, black 20%, darkorange);

html{
高度：100vh；/*演示用途*/
背景：线性梯度（180度，黑色20%，暗红色）；
}

您需要确保正在设置背景的元素具有明确设置的高度或由于内容而设置的高度

.test{
宽度：100px；
背景：线性梯度（180度，黑色20%，暗红色）；
浮动：左；
}
#测试1{
高度：200px；
}

测试
在win7上测试最新的chrome&ff，结果相似，没有问题。你用什么操作系统进行测试？我使用的是windows 10。容器元素的高度是多少？如果你想玩并查看，请在这里进行演示。（你在FF中调整硬件设置了吗？）嗯，对不起，我不明白-我应该如何在FF中调整我的硬件设置？