Question

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

所以我检查了一个较小的桌面，网站就像我想要的那样。我用iPhone 4s检查过它很完美，iPhone 6s也发生了同样的事情。但是，当我用我的三星S3手机试用它时，我发现我的网站的几个部分不是我想要的。

主要问题在于所有线性渐变。例如：

background:linear-gradient(to right, #f2f2f2, #f7cf9f);

因此，它不是渐变而是根本不显示任何颜色（“透明”我猜...）。并澄清，这只发生在Android的默认浏览器，如果我用三星S3打开网站，但使用chrome一切都按预期进行。

所以有人可以通过告诉我如何解决这个问题来帮助我吗？非常感谢你提前！

Answer 1

我用于我的主页：

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的浏览器兼容性

1 个答案: