Android CSS在设备上不工作

我不明白为什么CSS不能在我的设备上运行（Android 4.4和iOS 8.0）：

背景只是变成白色，尽管它在浏览器（手机和Chrome）中也能正常工作。发生了什么事

---

仅供参考，我使用Phonegap Build部署应用程序，并将此CSS应用于Ionic/Angular项目。

它可能缺少以下内容：

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$gcolor1), color-stop(33%,$gcolor2), color-stop(66%,$gcolor3), color-stop(100%,$gcolor4));

这应该是Safari 4+和Chromes特有的

在Index.html中添加以下内容

  <link href="css/ionic.min.css" rel="stylesheet">
      <link rel="stylesheet" type="text/css" href="css/index.css" />

然后将css文件复制到css文件夹中

将此添加到index.html中

    <script>
 if (navigator.userAgent === undefined) {
                    navigator.__defineGetter__('userAgent', function() {
                                               return("Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit");
                    });
                }

</script>

if（navigator.userAgent==未定义）{
导航器。_u定义设置（'userAgent'，function（））{
return（“Mozilla/5.0（iPhone；CPU iPhone OS 8_0，如Mac OS X）AppleWebKit”）；
});
}

你怎么称呼你的css？你能展示一下吗me@Sport：正如您在回答中指出的，在ionic.min.cssnop下面，我已经有了这行代码。这一定是梯度相关的。不幸的是，它也不起作用。我正在考虑只拍摄一张图片。你能提供编译后的css，让我们看看实际的样式表是什么吗？同样可以肯定的是，试着把背景改成红色，例如看看它是否有任何反应。是的，我试着把背景改成红色，如下所示：背景：红色！重要的；这起作用了。如何共享已编译的样式表（非常大的文件）？仅粘贴设置样式体的部分。编译可能以某种方式破坏了语法。它必须在渐变css中的某个地方，否则就没有任何意义了。。。

    <script>
 if (navigator.userAgent === undefined) {
                    navigator.__defineGetter__('userAgent', function() {
                                               return("Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit");
                    });
                }

</script>