为什么某些 css 代码在 android 4 或更低版本上不起作用？答案

【问题标题】：why some css codes doesnt work on android 4 or less?为什么某些 css 代码在 android 4 或更低版本上不起作用？
【发布时间】：2015-05-04 02:18:54
【问题描述】：

我正在使用 phonegap 到移动应用程序

这个简单的代码是用来给背景一个效果的

background:radial-gradient(#f2f2f2,#8d8d8d);

它在浏览器和 android 5 上运行良好

但是当我在 4.0.3 设备上对其进行测试时，它与其他一些 css 代码完全不兼容。

为什么会发生这种情况以及如何解决？

【问题讨论】：

【解决方案1】：

CSS 中的属性有时并非在特定时间段内在所有设备或浏览器上得到普遍支持。

当软件版本附带主动支持时使用供应商前缀，在属性达到批准的规范之前。

您需要检查您的目标平台是否支持。

您可以看到 Android 4.1 使用 -webkit- 前缀。你可以在 Android 4.0.3 上试试这个，它可能会很好用。

如何使用供应商前缀的示例。

模板：-#{PREFIX}-#{PROPERTY}

渐变在本质上有点特殊，前缀位于属性值内部的排序函数上。

.example {
  background-image: -webkit-radial-gradient(#222, #333);
  background-image: radial-gradient(#222, #333);
}

大多数供应商前缀看起来像：

.example2 {
  -webkit-animation: 1s anim;
  -moz-animation: 1s anim;
  animation: 1s anim;
}

【讨论】：