將Sencha應用程序部署到Android設備後CSS無法正常工作

我正在創建Sencha Touch應用程序。我正在使用css漸變背景。現在，當我在瀏覽器上測試時，它工作得很完美。但只要我在我的Android設備上部署它，它不會按預期工作。將Sencha應用程序部署到Android設備後CSS無法正常工作

當我在桌面瀏覽器上測試應用程序並將其部署到移動設備上時，我附加了我的代碼和應用程序的屏幕截圖。

這裏是我的煎茶代碼：

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%',

當我測試在我的瀏覽器屏幕看起來是這樣的：

enter image description here

但只要我在我的移動部署，那麼屏幕如下所示：

enter image description here

我不明白爲什麼整個css在將sencha應用程序部署到android時消失。在這種情況下，任何幫助表示讚賞。

來源

2014-02-20 user3213851

對較舊的Android漸變的支持已經在Sencha Touch 2.3中完成了任務。

對於我下面有固定它：

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

然後用羅盤重建CSS。 :-)

來源

2014-04-03 12:39:33 MSC

將Sencha應用程序部署到Android設備後CSS無法正常工作

回答

相關問題