Android的浏览器兼容性答案

【问题标题】：Android's browser compatibilityAndroid的浏览器兼容性
【发布时间】：2017-01-08 03:56:08
【问题描述】：

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

所以我检查了一个较小的桌面，该网站与我的预期一样。我用 iPhone 4s 进行了检查，它很完美，iPhone 6s 也发生了同样的事情。然而，当我用我的三星 S3 手机尝试时，我发现我网站的几个部分不是我想要的。

主要问题在于所有线性梯度。例如：

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

所以它不是渐变，而是根本不显示颜色（我猜是“透明”......）。澄清一下，这仅发生在 android 的默认浏览器上，如果我使用 Samsung S3 打开网站但使用 chrome 时一切正常。

那么谁能帮助我告诉我如何解决这个问题？非常感谢您！

【问题讨论】：

所有Android浏览器都应该支持CSS渐变，但旧的需要-webkit-。有关支持的更多信息，请查看此处：caniuse.com/#feat=css-gradients
我看到4.3版本太旧了，需要-webkit-。但是，即使是旧版本也是如此吗？我看到我的 S3 是 4.2...

标签： android html css layout cross-browser

【解决方案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%);

【讨论】：