Android 安卓&x27;浏览器兼容性

Android 安卓&x27;浏览器兼容性,android,html,css,layout,cross-browser,Android,Html,Css,Layout,Cross Browser,我刚刚完成了我的第一个网站,并将其上传到Github,用两个不同的设备进行测试。我使用了html5、css3、一点Javascript和一点jQuery,并且我试图让它100%响应。 所以我用一个较小的桌面查看了一下,网站和我预想的一样。我用iPhone4S检查过,它非常完美,同样的事情也发生在iPhone6S上。然而,当我用我的三星S3手机尝试它时,我发现我网站的一些部分与我的预期不符 主要的问题是所有的线性梯度。例如: 背景:线性渐变(向右,#f2f2f2,#f7cf9f) 所以它不是渐

我刚刚完成了我的第一个网站,并将其上传到Github,用两个不同的设备进行测试。我使用了html5、css3、一点Javascript和一点jQuery,并且我试图让它100%响应。

所以我用一个较小的桌面查看了一下,网站和我预想的一样。我用iPhone4S检查过,它非常完美,同样的事情也发生在iPhone6S上。然而,当我用我的三星S3手机尝试它时,我发现我网站的一些部分与我的预期不符

主要的问题是所有的线性梯度。例如:

  • 背景:线性渐变(向右,#f2f2f2,#f7cf9f)
所以它不是渐变的,而是完全不显示颜色(我猜是“透明的”)。为了澄清,这只发生在android的默认浏览器上,如果我用三星S3打开网站,但使用chrome,一切都是按预期进行的


那么有人能告诉我如何解决这个问题吗?提前非常感谢

我在主页上使用:

background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #3f95ea), color-stop(1, #0066FF));
background-image: -webkit-repeating-linear-gradient(top left, #3f95ea 0%, #0066FF 100%);
background-image: repeating-linear-gradient(to bottom right, #3f95ea 0%, #0066FF 100%);
background-image: -ms-repeating-linear-gradient(top left, #3f95ea 0%, #0066FF 100%);

所有Android浏览器都应该支持CSS渐变,但旧的浏览器需要
-webkit-
。有关支持的更多信息,请查看此处:我发现4.3版太旧,需要-webkit-。然而,即使是旧版本也是如此吗?我看到我的S3是4.2。。。