将Sencha应用程序部署到Android设备后，CSS无法正常工作

Question

我正在创建一个Sencha Touch应用程序。我正在使用CSS渐变为背景。现在，当我在浏览器上测试它是完美的。但是一旦我在我的Android设备上部署它，它就没有按预期工作。

在桌面浏览器上测试应用程序以及在移动设备上部署应用程序时，我附加了我的代码和应用程​​序的屏幕截图。

这是我的sencha代码：

  xtype: 'panel',
  style:"background-image: -webkit-gradient(linear,right top,right top,color-stop(0.09, #FF00FF),color-stop(0.7, #99FF99),color-stop(1, #993366));background-image: -o-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: -moz-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: -webkit-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: -ms-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: linear-gradient(to right top, #FF00FF 9%, #99FF99 70%, #993366 100%)",

  styleHtmlContent: true,
  scrollable: true,
  width:'100%',
  height:'100%',

当我在浏览器上测试时，屏幕看起来像这样：

但是只要我在手机上部署它，屏幕就像这样：

我无法理解为什么在将sencha应用程序部署到android时整个css消失了。在这种情况下的任何帮助表示赞赏。

Answer 1

对旧版Android渐变的支持已经成为Sencha Touch 2.3的使命。

对我来说，以下内容已经解决了这个问题：

从_gradients.scss (/resources/themes/vendor/compass-recipes/stylesheets/receipes/background/)删除Line 36 ($support-for-original-webkit-gradients: false;)

然后用罗盘重建css。 ： - ）