0
我正在嘗試使用Cordova和利用Ionic Framework來製作跨平臺應用程序。直到我嘗試用實際設備運行應用程序時，它似乎已經完美運行。我一直在爲Android和我的本地瀏覽器的紋波仿真器下測試，並得到下面的結果（這是期望的結果）： 
僅適用於Android設備的CSS屬性無效
然而，當我發來的程序，以我的Android設備進行調試，我得到這個結果： 
當我的Windows Phone下運行，我得到這樣的結果： 
我主要關心這裏是android紋波仿真器和設備之間的差異。我認爲Windows Phone在某些需要修改的本地文件上存在問題，並且出於某種原因尺寸不匹配，因此頁腳太慢。
Android設備（我認爲）的問題是它會拋出錯誤「無效的CSS屬性值：...」當我運行設備中的所有文件離子時，大約有40個無效的CSS屬性值。 min.css。當我定位波紋模擬器時，不會顯示這些警告。我嘗試過多次重組我的項目並使用完整的ionic.css文件，但都沒有幫助解決這個問題。這些只是警告，應用程序不會進行編譯和運行，但無法獲得所需的外觀，這使我想如果我能解決這些CSS問題，我可以解決該問題。
可能值得注意的是我正在使用VS2013和Cordova Tools來運行Windows 8.1來編譯/編譯/運行。
編輯：
運行的是Android 4.4
代碼，這將是有問題是不是我的CSS（因爲我沒有，而是離子的CSS，所以我會後我目前使用它。）
的index.html（A幾頁我省略，但按照這個結構。）
<ion-nav-bar class="bar-positive">
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
<script id="templates/tabs.html" type="text/ng-template">
<ion-tabs class="tabs-icon-top tabs-positive">
<ion-tab title="Home" icon="ion-home" href="#/tab/home">
<ion-nav-view name="home-tab"></ion-nav-view>
</ion-tab>
<!--
<ion-tab title="About" icon="ion-ios-information" href="#/tab/about">
<ion-nav-view name="about-tab"></ion-nav-view>
</ion-tab>
<ion-tab title="Contact" icon="ion-ios-world" ui-sref="tabs.contact">
<ion-nav-view name="contact-tab"></ion-nav-view>
</ion-tab>
-->
</ion-tabs>
</script>
<script id="templates/home.html" type="text/ng-template">
<ion-view view-title="Home">
<ion-content class="padding">
<div><a class="button icon icon-right ion-chevron-right" href="#/tab/resources">Additional Resources</a></div>
<div><a class="button icon icon-right ion-chevron-right" href="#/tab/gmetrics">Global Metrics</a></div>
<div><a class="button icon icon-right ion-chevron-right" href="#/tab/gfeed">Global Feed</a></div>
<div><a class="button icon icon-right ion-chevron-right" href="#/tab/googleforms">Google Forms</a></div>
<div><a class="button icon icon-right ion-chevron-right" href="#/tab/social">Social Networking</a></div>
<div><a class="button icon icon-right ion-chevron-right" href="#/tab/chapters">Chapters</a></div>
</ion-content>
</ion-view>
</script>
個App.js（全）
angular.module('app', ['ionic'])
.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('tabs', {
url: "/tab",
abstract: true,
templateUrl: "templates/tabs.html"
})
.state('tabs.home', {
url: "/home",
views: {
'home-tab': {
templateUrl: "templates/home.html",
controller: 'HomeTabCtrl'
}
}
})
.state('tabs.resources', {
url: "/resources",
views: {
'home-tab': {
templateUrl: "templates/resources.html"
}
}
})
.state('tabs.gmetrics', {
url: "/gmetrics",
views: {
'home-tab': {
templateUrl: "templates/gmetrics.html"
}
}
})
.state('tabs.gfeed', {
url: "/gfeed",
views: {
'home-tab': {
templateUrl: "templates/gfeed.html"
}
}
})
.state('tabs.googleforms', {
url: "/googleforms",
views: {
'home-tab': {
templateUrl: "templates/googleforms.html"
}
}
})
.state('tabs.social', {
url: "/social",
views: {
'home-tab': {
templateUrl: "templates/social.html"
}
}
})
.state('tabs.chapters', {
url: "/chapters",
views: {
'home-tab': {
templateUrl: "templates/chapters.html"
}
}
});
$urlRouterProvider.otherwise("/tab/home");
})
.controller('HomeTabCtrl', function ($scope) {
console.log('HomeTabCtrl');
});
雖然屏幕截圖可能會有所幫助，但如果沒有看到有問題的代碼，可能很難提供有效的答案。請包括相關的代碼。 –
Android操作系統版本請問？ –
用代碼編輯，但我沒有添加任何自定義CSS。增加了Android 4.4。 –