背景渐变不适用于移动浏览器

Question

这很奇怪渐变在桌面浏览器中有效，但同一版本的移动浏览器不显示渐变。

当我运行以下代码时，它可以在我的桌面上运行，但不能在移动设备上运行，

.div1 {
    height:100vh;
    background:linear-gradient(180deg, #5bd495 20%,  #7fe5a2 20% 100%);
}

我在chrome和safari中尝试过它。任何帮助将不胜感激。