Android 的浏览器兼容性
Android's browser compatibility
我刚刚完成了我的第一个网站并将其上传到 Github 以使用几种不同的设备对其进行测试。我使用了 html5、css3、一点点 Javascript 和一点点 jQuery 和 我试图让它 100% 响应。
所以我用较小的桌面进行了检查,该网站与我预期的一样。我检查了 iPhone 4s,它是完美的,同样的事情发生在 iPhone 6s 上。然而,当我用我的 Samsung S3 手机 phone 尝试时,我发现我网站的几个部分 与我预期的不一样 .
主要问题在于所有线性渐变。例如:
background:linear-gradient(to right, #f2f2f2, #f7cf9f);
所以它根本没有显示任何颜色,而不是渐变("transparent" 我猜...)。澄清一下,这只发生在 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%);
我刚刚完成了我的第一个网站并将其上传到 Github 以使用几种不同的设备对其进行测试。我使用了 html5、css3、一点点 Javascript 和一点点 jQuery 和 我试图让它 100% 响应。
所以我用较小的桌面进行了检查,该网站与我预期的一样。我检查了 iPhone 4s,它是完美的,同样的事情发生在 iPhone 6s 上。然而,当我用我的 Samsung S3 手机 phone 尝试时,我发现我网站的几个部分 与我预期的不一样 .
主要问题在于所有线性渐变。例如:
background:linear-gradient(to right, #f2f2f2, #f7cf9f);
所以它根本没有显示任何颜色,而不是渐变("transparent" 我猜...)。澄清一下,这只发生在 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%);